html {
    box-sizing: border-box;
    font-size: 16px;
    background-color: #1d1c1f;
  }
  
  *, *:before, *:after {
    box-sizing: inherit;
  }

  ::selection {
    background: #ff8800;
  }

  ::-moz-selection {
    background: #ff8800;
  }
  
  body {
    font-family: sans-serif;
    line-height: 1.5;
    margin: 0rem;
  }
  
  img,
  video {
    height: auto;
    max-width: 100%;
  }
  
  .topnav {
    display: flex;
    justify-content: center;
    margin: 1rem;
    padding: 10px;
  }
  .topnav a {
    text-decoration: none;
  }
  .topnav-logo a {
    font-size: 4vh;
    background: linear-gradient(to right, #ffee00, #ff8800);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
    padding: 2vw;
  }
  .topnav-items {
    font-size: 4vh;
  }
  .topnav-item {
    color: #ffffff;
    padding: 5px;
  }
  .topnav-item:hover {
    text-decoration: underline;
    color: #ffa600;
  }
  
  /* body styling */
  .container {
    text-decoration: none;
  }
  .t-1d {
    display: flex;
    align-items: flex-end;
    margin: auto;
    width: 75%;
    height: 40vh;
  }
  .text-1 {
    background: linear-gradient(to right, #ffee00, #ff8800);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
    line-height: 1.2;
    font-size: 8vh;
  }
  .t-2d {
      display: flex;
      align-items: flex-start;
      margin: auto;
      width: 75%;
      height: 40vh;
  }
  .text-2 {
      color: #ffffff;
      line-height: 1.1;
      font-size: 5vh;
  }
  .t-3d {
    display: flex;
    align-items: flex-end;
    margin: auto;
    width: 75%;
    height: 25vh;
}
.link-1 {
  text-decoration: none;
  color: #fff;
}
.link-1:hover {
  text-decoration: underline;
  color: #ff8800;
}
.link-1:hover::selection {
  color: #ffffff;
  background: #ff8800;
}
.bg-img {
  background-image: url(/assets/images/unturned.png);
}
.footer {
  position: sticky;
  bottom: 0px;
  margin: 4px;
}
.footer a {
  color: #fff;
  text-decoration: none;
}

.footer-noscroll {
  position: absolute;
  bottom: 0px;
  margin: 4px;
  right: 0px;
}
.footer-noscroll a {
  color: #fff;
  text-decoration: none;
}