@font-face {
    font-family: 'Punk'; /*a name to be used later*/
    src: url('../fonts/hit\ me\,\ punk\ 02.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'Punk2'; /*a name to be used later*/
    src: url('../fonts/hit\ me\,\ punk\ 05.ttf'); /*URL to font*/
}

a:link {
  color: rgb(43, 255, 0)
}
a:active {
  color: rgb(120, 0, 185)
}
a:visited{
  color: rgb(43, 255, 0)
}
#txtbutt{
  position: relative;
  background-color: rgb(43, 255, 0);
  height: 25px;
  font-size: 20px;
}
#txtbutt:active{

  background-color: rgb(25, 148, 1)
}

#header{
    top: 10vw;
    text-align: center;
    color: rgb(43, 255, 0);
    font-family: 'Punk';
    height:190px;

}
#headtext{
  top: -170px;
  position: relative;
  font-size: 27px;
  letter-spacing: 5px;
  

}
#header2{
    box-shadow: rgb(0, 0, 0) 35px 35px 4px;
    text-align: center;
    background-image: linear-gradient(to left, rgb(119, 210, 240),rgb(255, 128, 172),white,rgb(255, 128, 172),rgb(119, 210, 240)); 
    font-family: 'Punk';
    letter-spacing: 4px;
    font-size: 27px;

}
#header2 h1{
    letter-spacing: 3px;
    font-size: 70px;
}
#main{
  background-image: url('../backgrounds/bgmain4.png');
  background-size: 100%;
  top: -7px;
  color: white;
  max-width:80vw;
  font-family: 'punk2';
  line-height: 40px;

  position: relative;
  margin-inline: auto;
  
  font-size: 30px;
}
#text{
  max-width: 80%;
  left: 10vw;
  position: relative;
}

#blinkies{
  position: relative;
  left:25%;

}
@media (max-device-width: 480px){
  #main{
    font-size: 20px;
    left: 0;
    max-width:none;
      top: -24px;
  }
  #header{
    box-shadow: none;
  }
  
  #txtbutt p{
    display: none;
  }
  #header h1{
    font-size:46px;
}

  #txtbutt{
    position:relative;
    top: 220px;

    font-size: 20px;
      height: 35px;
  }
}