@font-face {
  font-family: "TikTok Sans";
  font-style: oblique 0deg 6deg;
  font-weight: 300 900;
  font-stretch: 75% 150%;
  font-display: swap;
  font-optical-sizing: 36;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
  src: url("fonts/tiktok-sans.woff2") format("woff2");
}

* {
  padding: 0;
  margin: 0;
}

::-moz-selection {
  /* Code for Firefox */
  background: rgba(255, 0, 0, 0.4);
}

::selection {
  background: rgba(255, 0, 0, 0.4);
}

body {
  background: radial-gradient(#2f2f2f, #000000);
  min-height: 100vh;
  font-family: "TikTok Sans", Inter, Helvetica, Arial, sans-serif;
  color: #ffffff;
  text-align: center;
}

.bg {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
}

.content {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}

.gradient-text {
  background: linear-gradient(#ffffff, #aeaeae);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

h1 {
  font-size: 12vw;
  font-weight: 700;
}

p {
  font-size: 4vw;
}

.alertbox {
  margin-right: 1.1%;
  margin-bottom: -2%;
}

@media (min-width: 800px) {
  h1 {
    font-size: 6vw;
    font-weight: 700;
  }
  
  p {
    font-size: 2vw;
  }
}