html {

    font-family: Arial, Helvetica, sans-serif;
      
        background-color: rgb(0, 0, 0);
        background-image: url(../imgs/spinningskull.gif);
        background-size: 5em 5em, 5em 5em, 100% 100%, 150em;
        background-repeat: repeat,repeat,no-repeat, repeat;
        background-attachment: scroll,scroll, fixed, scroll;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%, 100%, 100%;
    }
    
  header {
      text-align: center;
      background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3)),url(../imgs/smokingskull.gif);
      background-size: 5em 5em, 5em 5em, 100% 100%, 150em;
      opacity: 20%, 0%;
      border-radius: 30px;
      color: white;
      padding: 0.05em;
      width: 50%;
      margin: 0;
      border: #000;
      height: fit-content;
      margin: auto;
    }
    
    body {
      margin: 0;
      padding: 0;
    }
  
  .box{
    text-align: center;
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url(../imgs/smokingskull.gif);
    background-size: 1em 1em, 1em 1em, 100% 100%, 150em;
    border-radius: 30px;
    height: fit-content;
    width: fit-content;
    padding: 1%;
    display: block;
    margin: auto;
    font-size: x-large;
    width: 54%;
    text-shadow: 3px 2px red;
  }
  
  .box h1{
    font-size: 1em;
  }
  
  .box a{
    padding: 20px 20px 20px 20px;
    text-decoration: none;
    color: #000;
    right: 0;
    text-align: right;
  }