* {
    box-sizing: border-box;
    font-size: 16px;
    margin: 0;
    font-family: cursive;
}
a {
    text-decoration: none;
    color: rgb(27, 27, 27);
}

h1 {
  text-shadow: 2px 2px 8px rgba(255,0,0,.3);
  animation: textshadow 5s infinite;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
    background-color: black;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgb(256,256,256); 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #f6f1f1; 
  }
  
/**********************************************************************************************************/


  @keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
  }
  @keyframes textshadow {
    50% {text-shadow: 2px 2px 8px rgba(0,0,255,.3);}
  }
  @keyframes transform {50% {transform: rotate(180deg);}50% {transform: rotate(360deg);}}
  @keyframes tranlate {50% {translate: 20px -30px;}}
  @keyframes opacity {50% {opacity: 0;}50% {opacity: 1;}}
  @keyframes grow-shrink {0% { transform: scale(.0); } 25% { transform: scale(.0); } 30% { transform: scale(.0); } 50% { transform: scale(.0); } 100% { transform: scale(1); }}
  @keyframes animateleft1{from{left:-300px;opacity:0} to{left:0;opacity:1}}
  @keyframes animateleft2{from{left:-1000px;opacity:0} to{left:0;opacity:1}}

  @keyframes animateleft3{0%{left:-2000px;opacity:0} 
                          50%{left:-4000px;opacity:0}
                          100%{left:0;opacity:1}}
                          
  @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
  @keyframes animatezoom{0%{transform:scale(.7);} 50%{transform:scale(1);} 100%{transform:scale(.7);}}
  @keyframes animatezoom1{from{transform:scale(1);} to{transform:scale(1.1);}}
  @keyframes animatezoom2{0%{transform:scale(0.5);} 100%{transform:scale(1);}}

/**********************************************************************************************************/