@font-face {
  font-family: Poppins;
  src: url(../fonts/Poppins/Poppins-Regular.ttf);
}

@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-Regular.ttf);
}

@font-face {
  font-family: Brandon;
  src: url(../fonts/BrandonGrotesque/Brandon_reg.otf);
}

@font-face {
  font-family: Sans;
  src: url(../fonts/AmoebaSans/AmoebaSans-Regular.otf);
}

@font-face {
  font-family: Gotham-Rounded-Bold;
  src: url(../fonts/GothamRounded/GothamRounded-Bold.otf);
}

@font-face {
  font-family: Gotham-Rounded-Book;
  src: url(../fonts/GothamRounded/GothamRounded-Book.otf);
}

@font-face {
  font-family: Gotham-Rounded-Medium;
  src: url(../fonts/GothamRounded/GothamRounded-Medium.otf);
}

@font-face {
  font-family: Gotham-Rounded-Light;
  src: url(../fonts/GothamRounded/GothamRounded-Light.otf);
}

@font-face {
  font-family: Amoeba-Grotesk-Light;
  src: url(../fonts/AmoebaGrotesk/AmoebaGrotesk-Light.otf);
}

@font-face {
  font-family: Amoeba-Grotesk-Reguler;
  src: url(../fonts/AmoebaGrotesk/AmoebaGrotesk-Regular.otf);
}

@font-face {
  font-family: Amoeba-Grotesk-Black;
  src: url(../fonts/AmoebaGrotesk/AmoebaGrotesk-Black.otf);
}

@font-face {
  font-family: Amoeba-Grotesk-Bold;
  src: url(../fonts/AmoebaGrotesk/AmoebaGrotesk-Bold.otf);
}

@font-face {
  font-family: Amoeba-Grotesk-Medium;
  src: url(../fonts/AmoebaGrotesk/AmoebaGrotesk-Medium.otf);
}

@font-face {
  font-family: Amoeba-Grotesk-SemiBold;
  src: url(../fonts/AmoebaGrotesk/AmoebaGrotesk-SemiBold.otf);
}

h1, h2, h3, h4, h5, h6 {
  font-family: Gotham-Rounded-Medium;
}

.h-bold {
  font-family: Gotham-Rounded-Bold !important;
}

p {
  font-family: Gotham-Rounded-Book;
}

.text-open-sans {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.btn-typeface {
  border: 1px solid #eeeeee;
  border-radius: 16px;
  background: none;
  padding: 23px 27px;
  text-align: left;
  font-size: 30px;
  color: #003084;
}

.btn-typeface:hover {
  border: 1px solid #0057ee;
}

.btn-typeface:focus {
  border: 1px solid #0057ee;
}

.btn-typeface.active {
  border: 1px solid #0057ee;
}

.btn-illustration {
  border: 2px solid #eeeeee;
  border-radius: 12px;
  background: none;
  padding: 0px;
  text-align: left;
  font-size: 30px;
  color: #003084;
}

.btn-illustration:hover {
  border: 2px solid #0057ee;
}

.btn-illustration:focus {
  border: 2px solid #0057ee;
}

.btn-illustration.active {
  border: 2px solid #0057ee;
}

.font-poppins {
  font-family: Poppins;
}

.font-roboto {
  font-family: Roboto;
}

.font-sans {
  font-family: Sans;
}

.font-brandon {
  font-family: Brandon;
}

.font-amoeba-grotesk {
 font-family: Amoeba-Grotesk-Medium;
}