/*parse function*/
/*main mixin font-size calc*/
/*BASE VARIABLES*/
/*MULTIPLIERS*/
p, .go-home a {
  font-size: 16px;
}
@media screen and (min-width: 350px) {
  p, .go-home a {
    font-size: calc(16px + 15.25 * ((100vw - 350px) / 2150));
  }
}
@media screen and (min-width: 2500px) {
  p, .go-home a {
    font-size: 31.25px;
  }
}
.animtitle {
  font-size: 128px;
}
@media screen and (min-width: 350px) {
  .animtitle {
    font-size: calc(128px + 122 * ((100vw - 350px) / 2150));
  }
}
@media screen and (min-width: 2500px) {
  .animtitle {
    font-size: 250px;
  }
}
h1 {
  font-size: 80px;
}
@media screen and (min-width: 350px) {
  h1 {
    font-size: calc(80px + 76.25 * ((100vw - 350px) / 2150));
  }
}
@media screen and (min-width: 2500px) {
  h1 {
    font-size: 156.25px;
  }
}
h2 {
  font-size: 56px;
}
@media screen and (min-width: 350px) {
  h2 {
    font-size: calc(56px + 53.375 * ((100vw - 350px) / 2150));
  }
}
@media screen and (min-width: 2500px) {
  h2 {
    font-size: 109.375px;
  }
}
h3, .article-title {
  font-size: 33.28px;
}
@media screen and (min-width: 350px) {
  h3, .article-title {
    font-size: calc(33.28px + 31.72 * ((100vw - 350px) / 2150));
  }
}
@media screen and (min-width: 2500px) {
  h3, .article-title {
    font-size: 65px;
  }
}
h4, .h4 {
  font-size: 24px;
}
@media screen and (min-width: 350px) {
  h4, .h4 {
    font-size: calc(24px + 22.875 * ((100vw - 350px) / 2150));
  }
}
@media screen and (min-width: 2500px) {
  h4, .h4 {
    font-size: 46.875px;
  }
}
h5, .rating {
  font-size: 19.2px;
}
@media screen and (min-width: 350px) {
  h5, .rating {
    font-size: calc(19.2px + 18.3 * ((100vw - 350px) / 2150));
  }
}
@media screen and (min-width: 2500px) {
  h5, .rating {
    font-size: 37.5px;
  }
}
@media screen and (min-width: 600px) {
  .article-title {
    font-size: 80px;
  }
}
@media screen and (min-width: 600px) and (min-width: 350px) {
  .article-title {
    font-size: calc(80px + 76.25 * ((100vw - 350px) / 2150));
  }
}
@media screen and (min-width: 600px) and (min-width: 2500px) {
  .article-title {
    font-size: 156.25px;
  }
}
.bold {
  color: var(--font-color-2);
  font-weight: 900;
}
html {
  font-size: 100%;
  font-family: "Aeonik";
}
html * {
  font-family: "Aeonik";
  font-weight: 100;
}
@font-face {
  font-family: "Aeonik";
  src: url("../../cdn/fonts/Aeonik-RegularItalic.woff2") format("woff2"), url("../../cdn/fonts/Aeonik-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "Aeonik";
  src: url("../../cdn/fonts/Aeonik-Regular.woff2") format("woff2"), url("../../cdn/fonts/Aeonik-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Aeonik";
  src: url("../../cdn/fonts/Aeonik-Regular.woff2") format("woff2"), url("../../cdn/fonts/Aeonik-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:typography] [40.245] DESIGN*/
/*******************************************************************/
/* 0.1 D>D */
/* db 159 */