body {
     margin: 0;
     overflow: hidden;
     height: 100%;
         touch-action: none;
     overscroll-behavior: none;
}
a:focus {
    outline: 0;
    color:white;
}
 canvas[resize] {
     width: 100%;
     height: 100%;
     position:fixed;
    touch-action: none;
          overscroll-behavior: none;

}
 a {
     position: fixed;
     margin: 0;
     left: 33;
     bottom: 30;
     font-family: helvetica;
     text-transform:uppercase;
     font-size: 56px;
     animation: color 2s ease infinite;
     letter-spacing: 2px;
     text-decoration: none;
}


 #follow{
     animation: color2 2s ease infinite;
}
 #email:hover {
     color: white;
     animation: none;
}
 #follow:hover {
     color: white;
     animation: none;
     transition: 1s ease;
}
 #save {
     font-size: 25px;
     left: 0%;
     width: 100vw;
     text-align: center;
     pointer-events: none;
     animation: opacityShift 6s ease infinite;
     bottom: 38;
     letter-spacing: 1px 
}
 #email {
     bottom: 85;
}
 h1 {
     line-height: 100vh;
     width: 100vw;
     text-align: center;
     font-size: 25px;
     letter-spacing: 1px;
     font-family: helvetica;
     font-weight: 500;
     text-transform: uppercase;
     pointer-events: none;
     position: absolute;
     padding: 0;
     margin: 0;
     animation: opacityAnim 10s ;
     opacity: 0;
     background-color: white;
}
 @keyframes color {
     0% {
         color: grey;
    }
     50% {
         color: black;
    }
     100% {
         color: grey;
    }
}
 @keyframes opacityAnim {
     0% {
         opacity: 1;
    }
     10% {
         opacity: 1;
    }
     20% {
         opacity: 0;
    }
     100% {
         opacity: 0;
    }
}
 @keyframes color2 {
    
     0% {
         color: black;
    }
     50% {
         color: grey;
    }
     100% {
         color: black;
    }
}
 @keyframes opacityShift {
    
     0% {
         opacity: 0;
    }
     10% {
         opacity: 1;
    }
     20% {
         opacity: 0;
    }
     100% {
         opacity: 0;
    }
}
 #desktop {
     display: block 
}
 #mobile {
     display: none 
}
 @media only screen and (max-width: 800px) {
      h1 {

     }
     
     #save {
         display: none;
    }
     #desktop {
         display: none 
    }
     #mobile {
         display: block;
         font-size: 14px;
         line-height: 98vh;
         height: 100vh;
         bottom: 0;
         
    }
     a {
         font-size: 29px;
         left: 20;
         bottom: 20;
    }
     #email {
         bottom: 55;
    }

}