@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-ThinItalic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-ExtraLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-ExtraLightItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-SemiBoldItalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-ExtraBoldItalic.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "TitilliumWeb";
  src: url("/dist/fonts/TitilliumWeb/TitilliumWeb-BlackItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Conthrax";
  src: url("/dist/fonts/Conthrax/Conthrax-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Conthrax";
  src: url("/dist/fonts/Conthrax/Conthrax-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes flipDown {
  from {
    transform: rotateX(90deg);
  }
  to {
    transform: rotateX(0);
  }
}
@keyframes flipUp {
  from {
    transform: rotateX(-90deg);
  }
  to {
    transform: rotateX(0);
  }
}
@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateY(0) translateX(0);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  font-family: "Conthrax", sans-serif;
  font-size: 16px;
  background-color: #25212c;
  color: #fff;
}