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

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

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

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

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

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

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

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

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

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

.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;
}

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

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

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

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