/* License: https://hitrace.fun/assets/fonts/Outfit/OFL_af9efd1ed592546b9477763b02d684c1.txt */

@font-face {
  font-family: "Outfit";
  src: url("/assets/fonts/Outfit/Outfit-Regular_9f444021dd670d995f9341982c396a1d.ttf");
}

/* License: https://hitrace.fun/assets/fonts/RubikSprayPaint/OFL_4cd3b7c9383fc9aed8ea5b7fb78d9c17.txt */

@font-face {
  font-family: "Rubik Spray Paint";
  src: url("/assets/fonts/RubikSprayPaint/RubikSprayPaint_d0f1e9461026d9db7b706ee10d5a8aa9.ttf");
}

html {
  min-height: 100%;
  background: linear-gradient(180deg, rgba(2,7,13,1) 0%, rgba(20,80,139,1) 35%, rgba(84,60,182,1) 71%, rgba(76,30,119,1) 100%);
  color: white;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "Outfit", sans-serif;
}

a {
  color: white;
}

.application-layout--top-menu {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}

.application-layout--site-heading {
  font-size: 40pt;
  font-family: "Rubik Spray Paint";
  font-weight: normal;
}

.application-layout--site-heading > a {
  text-decoration: none;
}

.application-layout--site-heading-begin {
  text-shadow: -5px -5px 0px #8F7, -5px -4px 0px #8F7, -5px -3px 0px #8F7, -5px -2px 0px #8F7, -5px -1px 0px #8F7, -5px 0px 0px #8F7, -5px 1px 0px #8F7, -5px 2px 0px #8F7, -5px 3px 0px #8F7, -5px 4px 0px #8F7, -5px 5px 0px #8F7, -4px -5px 0px #8F7, -4px -4px 0px #8F7, -4px -3px 0px #8F7, -4px -2px 0px #8F7, -4px -1px 0px #8F7, -4px 0px 0px #8F7, -4px 1px 0px #8F7, -4px 2px 0px #8F7, -4px 3px 0px #8F7, -4px 4px 0px #8F7, -4px 5px 0px #8F7, -3px -5px 0px #8F7, -3px -4px 0px #8F7, -3px -3px 0px #8F7, -3px -2px 0px #8F7, -3px -1px 0px #8F7, -3px 0px 0px #8F7, -3px 1px 0px #8F7, -3px 2px 0px #8F7, -3px 3px 0px #8F7, -3px 4px 0px #8F7, -3px 5px 0px #8F7, -2px -5px 0px #8F7, -2px -4px 0px #8F7, -2px -3px 0px #8F7, -2px -2px 0px #8F7, -2px -1px 0px #8F7, -2px 0px 0px #8F7, -2px 1px 0px #8F7, -2px 2px 0px #8F7, -2px 3px 0px #8F7, -2px 4px 0px #8F7, -2px 5px 0px #8F7, -1px -5px 0px #8F7, -1px -4px 0px #8F7, -1px -3px 0px #8F7, -1px -2px 0px #8F7, -1px -1px 0px #8F7, -1px 0px 0px #8F7, -1px 1px 0px #8F7, -1px 2px 0px #8F7, -1px 3px 0px #8F7, -1px 4px 0px #8F7, -1px 5px 0px #8F7, 0px -5px 0px #8F7, 0px -4px 0px #8F7, 0px -3px 0px #8F7, 0px -2px 0px #8F7, 0px -1px 0px #8F7, 0px 0px 0px #8F7, 0px 1px 0px #8F7, 0px 2px 0px #8F7, 0px 3px 0px #8F7, 0px 4px 0px #8F7, 0px 5px 0px #8F7, 1px -5px 0px #8F7, 1px -4px 0px #8F7, 1px -3px 0px #8F7, 1px -2px 0px #8F7, 1px -1px 0px #8F7, 1px 0px 0px #8F7, 1px 1px 0px #8F7, 1px 2px 0px #8F7, 1px 3px 0px #8F7, 1px 4px 0px #8F7, 1px 5px 0px #8F7, 2px -5px 0px #8F7, 2px -4px 0px #8F7, 2px -3px 0px #8F7, 2px -2px 0px #8F7, 2px -1px 0px #8F7, 2px 0px 0px #8F7, 2px 1px 0px #8F7, 2px 2px 0px #8F7, 2px 3px 0px #8F7, 2px 4px 0px #8F7, 2px 5px 0px #8F7, 3px -5px 0px #8F7, 3px -4px 0px #8F7, 3px -3px 0px #8F7, 3px -2px 0px #8F7, 3px -1px 0px #8F7, 3px 0px 0px #8F7, 3px 1px 0px #8F7, 3px 2px 0px #8F7, 3px 3px 0px #8F7, 3px 4px 0px #8F7, 3px 5px 0px #8F7, 4px -5px 0px #8F7, 4px -4px 0px #8F7, 4px -3px 0px #8F7, 4px -2px 0px #8F7, 4px -1px 0px #8F7, 4px 0px 0px #8F7, 4px 1px 0px #8F7, 4px 2px 0px #8F7, 4px 3px 0px #8F7, 4px 4px 0px #8F7, 4px 5px 0px #8F7, 5px -5px 0px #8F7, 5px -4px 0px #8F7, 5px -3px 0px #8F7, 5px -2px 0px #8F7, 5px -1px 0px #8F7, 5px 0px 0px #8F7, 5px 1px 0px #8F7, 5px 2px 0px #8F7, 5px 3px 0px #8F7, 5px 4px 0px #8F7, 5px 5px 0px #8F7;
  color: #c829d1;
}

.application-layout--site-heading-end {
  background: #09d5d7;
  background-clip: text;
  color: transparent;
}

.application-layout--content-layout {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 800px) {
  .application-layout--home-page-ad {
    display: none;
  }
}