@font-face{
    font-family:'Handjet';
    src: url('Handjet-VariableFont_ELGR\,ELSH\,wght.ttf');
}

@font-face{
    font-family:'Rubik80sFade';
    src: url('Rubik80sFade-Regular.ttf');
}

body{
    font-family:'Helvetica', sans-serif;
}

p{
    font-family:'Helvetica', sans-serif;
}

h1{
    font-family: 'Handjet', 'Helvetica', sans-serif;
    font-weight:400;
}
h4{
    font-weight:100;
}
#lyrics{
    font-size: 10px;
}
.grid{
    display:grid;
    grid-template-columns: 2fr 1fr;
    height: 100vh;
 
}
#rightside{
    grid-column:2;
height:100%;
  display: flex;
  flex-direction: column;
}
#lefttside{
    grid-column:1;
height:100%;
}
.scrollcontainer {
  width: 100%;
  height:50%; 
  overflow: hidden; 
    position: relative; 
}

.scrolltext {
    display: block;   
      position: absolute;
  animation: scroll 30s linear infinite; 
}

@keyframes scroll {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-50%); 
  }
}

ul{

    list-style-type: none;
}

.linkslinks{
padding-top:1%
}