@font-face {
  font-family: "DanaLight";
  src: url("/static/fonts/Dana-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "DanaBold";
  src: url("/static/fonts/Dana-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "DanaRegular";
  src: url("/static/fonts/Dana-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "DanaLightMedium";
  src: url("/static/fonts/Dana-light-medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
.font-dana-light {
  font-family: "DanaLight", sans-serif;
  font-weight: 300;
}

.font-dana-bold {
  font-family: "DanaBold", sans-serif;
  font-weight: 700;
}
.font-dana-regular{
  font-family: "DanaRegular", sans-serif;
  font-weight: 700;
}
.font-light-medium{
  font-family: "DanaLightMedium", sans-serif;
  font-weight: 700;
}


/* Base */
html {
  font-family: "DanaRegular", sans-serif;
  font-weight: 400;
}

body,
input,
textarea,
select,
button {
  font-family: inherit;
}


/* Text elements */
p,
span,
li,
label,
small,
input,
textarea,
select {
  font-family: "DanaRegular", sans-serif;
  font-weight: 400;
}

strong,
b {
  font-family: "DanaRegular", sans-serif;
  font-weight: 700;
}


/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DanaBold", sans-serif;
  font-weight: 700;
  line-height: 1.5;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 19px;
}

h6 {
  font-size: 17px;
}


/* Links */
a {
  font-family: "DanaRegular", sans-serif;
  font-weight: 400;
  text-decoration: none;
}


/* Buttons */
button,
[type="button"],
[type="submit"],
[type="reset"] {
  font-family: "DanaBold", sans-serif;
  font-weight: 400;
  cursor: pointer;
  border: none;
  background: none;
}