@font-face {
  font-family: "d-din";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/D-DIN.woff") format("woff");
}
@font-face {
  font-family: "D-DIN DIN-Italic";
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN DIN-Italic"), url("../fonts/D-DIN-Italic.woff") format("woff");
}
@font-face {
  font-family: "D-DIN DIN-Bold";
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN DIN-Bold"), url("../fonts/D-DIN-Bold.woff") format("woff");
}
@font-face {
  font-family: "D-DIN Condensed Regular";
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN Condensed Regular"), url("../fonts/D-DINCondensed.woff") format("woff");
}
@font-face {
  font-family: "D-DIN Exp Regular";
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN Exp Regular"), url("../fonts/D-DINExp.woff") format("woff");
}
@font-face {
  font-family: "D-DIN Exp DINExp-Italic";
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN Exp DINExp-Italic"), url("../fonts/D-DINExp-Italic.woff") format("woff");
}
@font-face {
  font-family: "D-DIN Condensed DINCondensed-Bold";
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN Condensed DINCondensed-Bold"), url("../fonts/D-DINCondensed-Bold.woff") format("woff");
}
@font-face {
  font-family: "D-DIN Exp DINExp-Bold";
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN Exp DINExp-Bold"), url("../fonts/D-DINExp-Bold.woff") format("woff");
}
.arrows {
  position: relative;
  /**/
  position: absolute;
  top: 550px;
  /**/
  width: 60px;
  height: 60px;
  transform: translate(-50%, -50%);
}
.arrows:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: 20px solid rgba(255, 255, 255, 0.7);
  border-bottom: 20px solid rgba(255, 255, 255, 0.7);
  transform: translate(20px, 80px) rotate(-45deg);
  animation: arrows 3s linear infinite;
}
.arrows:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: 20px solid rgba(255, 255, 255, 0.7);
  border-bottom: 20px solid rgba(255, 255, 255, 0.7);
  transform: translate(40px, 0px) rotate(-45deg);
  animation: arrows 3s linear infinite -1.5s;
}

@keyframes arrows {
  0% {
    border-left: 20px solid rgba(255, 255, 255, 0);
    border-bottom: 20px solid rgba(255, 255, 255, 0);
    transform: translate(-10px, -40px) rotate(-45deg);
  }
  10%, 90% {
    border-left: 20px solid rgba(255, 255, 255, 0);
    border-bottom: 20px solid rgba(255, 255, 255, 0);
  }
  50% {
    border-left: 20px solid rgba(255, 255, 255, 0.7);
    border-bottom: 20px solid rgba(255, 255, 255, 0.7);
    transform: translate(-10px, 0px) rotate(-45deg);
  }
  100% {
    border-left: 20px solid rgba(255, 255, 255, 0);
    border-bottom: 20px solid rgba(255, 255, 255, 0);
    transform: translate(-10px, 40px) rotate(-45deg);
  }
}
@font-face {
  font-family: "d-din";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/D-DIN.woff") format("woff");
}
@font-face {
  font-family: "D-DIN DIN-Italic";
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN DIN-Italic"), url("../fonts/D-DIN-Italic.woff") format("woff");
}
@font-face {
  font-family: "D-DIN DIN-Bold";
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN DIN-Bold"), url("../fonts/D-DIN-Bold.woff") format("woff");
}
@font-face {
  font-family: "D-DIN Condensed Regular";
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN Condensed Regular"), url("../fonts/D-DINCondensed.woff") format("woff");
}
@font-face {
  font-family: "D-DIN Exp Regular";
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN Exp Regular"), url("../fonts/D-DINExp.woff") format("woff");
}
@font-face {
  font-family: "D-DIN Exp DINExp-Italic";
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN Exp DINExp-Italic"), url("../fonts/D-DINExp-Italic.woff") format("woff");
}
@font-face {
  font-family: "D-DIN Condensed DINCondensed-Bold";
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN Condensed DINCondensed-Bold"), url("../fonts/D-DINCondensed-Bold.woff") format("woff");
}
@font-face {
  font-family: "D-DIN Exp DINExp-Bold";
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN Exp DINExp-Bold"), url("../fonts/D-DINExp-Bold.woff") format("woff");
}
body {
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5, p, div {
  font-family: "d-din";
  margin: 0;
  padding: 0;
  color: #393737;
}

p {
  line-height: 50px;
}

h1 {
  font-size: 80px;
  text-align: center;
}

h2 {
  font-size: 50px;
  text-align: center;
}

header {
  position: fixed;
  width: 100%;
  background: #FFF;
  display: flex;
  justify-content: space-between;
  padding: 10px 60px;
  z-index: 9999;
  top: 0px;
}
header a {
  color: #000;
  text-decoration: none;
  font-family: "D-Din";
  display: flex;
  gap: 20px;
}
header ul {
  display: flex;
  gap: 40px;
  align-items: center;
  height: 45px;
}
header ul > li .sub-menu {
  position: absolute;
  background: #FFF;
  margin-top: 0px;
  display: none;
}
header ul > li .sub-menu a {
  padding: 20px;
}
header ul > li:hover .sub-menu {
  display: block;
}

canvas {
  position: absolute;
  top: calc(50% - 350px);
  z-index: 100;
  left: calc(50% - 640px);
  transform: scaleY(-1);
}

#welcome {
  background: #000;
  height: 100vh;
}
#welcome .right {
  position: absolute;
  top: calc(50% - 240px);
  color: #FFF;
  width: 50%;
  left: 50%;
  padding-left: 40px;
  padding-top: 60px;
}
#welcome .right h4 {
  text-transform: uppercase;
  font-size: 100px;
  color: #d5398a;
}
#welcome .right h5 {
  font-size: 60px;
}

.products {
  display: flex;
  justify-content: center;
  padding: 40px;
  color: #393737;
  background: #FFF;
  gap: 100px;
  text-align: center;
}
.products .image-container {
  height: 110px;
  display: flex;
  align-items: center;
}
.products h3 {
  margin-top: 20px;
}
.products svg {
  width: auto;
}
.products .product.fuseo .image-container svg {
  height: 49px;
  width: 129px;
}

.home section p {
  font-size: 60px;
  text-align: center;
  width: 1000px;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 20px;
  line-height: 60px;
}
.home section h2 {
  margin-top: 100px;
}
.home section ul {
  width: 600px;
  margin: auto;
  text-align: center;
}
.home section ul a {
  color: rgb(158, 53, 157);
  display: block;
  margin-top: 40px;
  font-family: "D-din";
  font-size: 35px;
}
.home section ul div {
  font-size: 25px;
}
.home section ul div a {
  display: inline;
  font-size: 25px;
}

#become-a-sponsor h1 {
  margin-top: 100px;
}
#become-a-sponsor p {
  font-size: 30px;
}
#become-a-sponsor a {
  color: rgb(158, 53, 157);
}
#become-a-sponsor a img {
  display: block;
  margin: auto;
  width: 30px;
}
#become-a-sponsor a p {
  margin-top: 10px;
  color: rgb(158, 53, 157);
}

#gold-sponsors h1 {
  margin-top: 100px;
}
#gold-sponsors .sponsors {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
#gold-sponsors .sponsors .sponsor {
  width: 200px;
  text-align: center;
}
#gold-sponsors .sponsors .sponsor a {
  display: block;
  color: rgb(158, 53, 157);
}

#manifesto figure {
  width: 100%;
  margin-top: 60px;
  height: 800px;
}
#manifesto figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0px -50px;
     object-position: 0px -50px;
}
#manifesto h1 {
  margin-top: 40px;
  margin-bottom: 0px;
}
#manifesto h2 {
  margin: 40px 0px;
}
#manifesto p {
  text-align: center;
  font-size: 30px;
  width: 1000px;
  margin: auto;
}

footer {
  padding: 100px 0px;
  background: #fcfbfb;
  margin-top: 100px;
}
footer img {
  margin: 20px auto;
  display: block;
}
footer p {
  text-align: center;
  font-family: "d-din";
  line-height: 30px;
}
footer a {
  text-align: center;
  color: rgb(188, 41, 144);
  display: block;
  font-family: "d-din";
  text-transform: uppercase;
  margin-top: 20px;
}

#post {
  width: 1000px;
  margin: auto;
  padding-top: 120px;
}
#post h1 {
  margin-bottom: 30px;
}
#post figure {
  margin: 30px auto;
}
#post figure img {
  display: block;
  margin: auto;
}
#post p {
  text-align: center;
  font-size: 20px;
}

#news {
  padding-top: 120px;
}
#news h1 {
  margin-bottom: 40px;
}
#news a {
  text-align: center;
  display: block;
  color: rgb(158, 53, 157);
}
#news a h2 {
  font-size: 30px;
  color: rgb(158, 53, 157);
}
#news .excerpt {
  width: 600px;
  margin: auto;
  margin-top: 30px;
}
#news .excerpt p {
  text-align: center;
  line-height: 30px;
}
#news .excerpt a {
  margin-top: 10px;
  display: block;
  text-align: center;
  color: rgb(158, 53, 157);
}

#page {
  padding-top: 120px;
}
#page h1 {
  width: 1000px;
  margin: auto;
  margin-bottom: 40px;
}
#page figure {
  width: 100%;
  height: 400px;
  margin-bottom: 40px;
}
#page figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0px 0px;
     object-position: 0px 0px;
}
#page h2 {
  margin: 40px 0px;
}
#page p, #page li {
  width: 1000px;
  text-align: center;
  margin: auto;
  margin-bottom: 40px;
  font-size: 30px;
  font-family: "d-din";
}

@media (max-height: 750px) {
  canvas {
    position: absolute;
    top: 20px;
    width: 450px !important;
    height: 450px !important;
    z-index: 100;
    left: calc(50% - 450px);
    transform: scaleY(-1);
  }
  #welcome .right h4 {
    font-size: 80px;
  }
  #welcome .right h5 {
    font-size: 50px;
  }
  .arrows {
    position: relative;
    /**/
    position: absolute;
    top: 500px;
    /**/
    width: 40px;
    height: 40px;
    transform: translate(-50%, -50%);
  }
  .arrows:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-left: 13.3333333333px solid rgba(255, 255, 255, 0.7);
    border-bottom: 13.3333333333px solid rgba(255, 255, 255, 0.7);
    transform: translate(13.3333333333px, 53.3333333333px) rotate(-45deg);
    animation: arrows 3s linear infinite;
  }
  .arrows:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-left: 13.3333333333px solid rgba(255, 255, 255, 0.7);
    border-bottom: 13.3333333333px solid rgba(255, 255, 255, 0.7);
    transform: translate(26.6666666667px, 0px) rotate(-45deg);
    animation: arrows 3s linear infinite -1.5s;
  }
  @keyframes arrows {
    0% {
      border-left: 13.3333333333px solid rgba(255, 255, 255, 0);
      border-bottom: 13.3333333333px solid rgba(255, 255, 255, 0);
      transform: translate(-6.6666666667px, -26.6666666667px) rotate(-45deg);
    }
    10%, 90% {
      border-left: 13.3333333333px solid rgba(255, 255, 255, 0);
      border-bottom: 13.3333333333px solid rgba(255, 255, 255, 0);
    }
    50% {
      border-left: 13.3333333333px solid rgba(255, 255, 255, 0.7);
      border-bottom: 13.3333333333px solid rgba(255, 255, 255, 0.7);
      transform: translate(-6.6666666667px, 0px) rotate(-45deg);
    }
    100% {
      border-left: 13.3333333333px solid rgba(255, 255, 255, 0);
      border-bottom: 13.3333333333px solid rgba(255, 255, 255, 0);
      transform: translate(-6.6666666667px, 26.6666666667px) rotate(-45deg);
    }
  }
  #manifestio h1 {
    color: #d5398a;
    font-size: 70px;
    margin-bottom: 50px;
  }
  #manifestio h2 {
    font-size: 54px;
  }
  #manifestio p {
    font-size: 28px;
  }
  #about-frank h2 {
    font-size: 54px;
  }
  #about-frank p {
    font-size: 28px;
  }
}/*# sourceMappingURL=index.css.map */