@font-face {
  font-family: NexaThin;
  src: url("/static/fonts/Nexa/NexaLight.ttf") format("truetype");
}

@font-face {
  font-family: NexaRegular;
  src: url("/static/fonts/Nexa/NexaBook.ttf") format("truetype");
}

@font-face {
  font-family: NexaBlack;
  src: url("/static/fonts/Nexa/NexaBlack.ttf") format("truetype");
}
@font-face {
  font-family: NexaBold;
  src: url("/static/fonts/Nexa/NexaBold.ttf") format("truetype");
}

@font-face {
  font-family: NexaTextBook;
  src: url("/static/fonts/Nexa/NexaTextBook.ttf") format("truetype");
}

.text-light {
  font-family: "NexaThin", sans-serif;
}

.text-regular {
  font-family: "NexaRegular", sans-serif;
}

.text-bold {
  font-family: "NexaBold", sans-serif;
}

.text-shadow {
  text-shadow: 0px 0px 6px #000000af;
}

.text-justified {
  text-align: justify;
}

*,
input {
  transition: all 0.4s ease-out;
  font-family: "NexaTextBook", Helvetica, sans-serif;
}

body {
    font-size: 12px;
  transition: all 0.4s ease-out;
}

button,
.btn,
a {
  font-family: "NexaTextBook", Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "NexaRegular", sans-serif;
}