/**
 * index.scss
 * - Add any styles you want here!
 */

@font-face {
  font-family: "id-POP_FTMARU";
  src: url("text font.ttf") format("truetype");
}


@-webkit-keyframes bounce {
    from {top: 5px;}
    to {top: -5px;}
} 
  
  
 
a:link    { color: #c5b321 }  /* unvisited links */
a:visited { color: #c5b321 }  /* visited links   */
a:hover   { color: ##f9de01 }  /* user hovers     */
a:active  { color: ##f9de01 }  /* active links    */


html{
cursor: url('za.png'), default;
}
body {
  background: #271a32 url('BG3.png') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}



h1{
  font-family: "id-POP_FTMARU", Fallback, sans-serif;
  text-align: center;
  color:white;
  position: relative;
  font-size: 60px;
  
   
    margin-top: 10%;
}

h2{

font-family: "id-POP_FTMARU", Fallback, sans-serif;
-webkit-column-span: all; /* Chrome, Safari, Opera */
    column-span: all;
  text-align: center;
  
  color:white;
  position: relative;
  font-size: 30px;

  height: 150px;
  }



l1:hover{text-align: right;color:white;}

l1:hover,l2:hover,l3:hover{
  position: relative;
  animation: bounce .3s infinite alternate;
}