@font-face {
    font-family: 'roboto-medium';
    src: url('font/Roboto-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'longhaul';
    src: url('font/Longhaul.ttf') format('truetype');

}

a:link, a:visited{
    text-decoration: none ! important;
    color:rgb(255, 255, 255);
}   
    
body {
  
    background-color: rgb(0, 0, 0);
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    -ms-overflow-style: none;
 }

.main {
    margin-top: 0px;
    margin-bottom: 0px;
}

 
::-webkit-scrollbar {
  display: none;
}

.target::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}



.marquee{   
    font-family: 'longhaul';  
    color: white;
    background-color: black;
    padding-top: 0.5ch; 
    padding-bottom: 0.3ch; 
    font-size: 3em;
}

.description{
    white-space:pre-line;
    background-color: rgb(0, 0, 0);
    font-family: 'roboto-medium';    
    text-align: left;
    font-size: 1.5em ;
    color: rgb(253, 253, 253);
    padding-top: 3ch;
    padding-bottom: 3ch;
    padding-right: 3ch;
    padding-left: 3ch;

}

.description2{
    background-color: rgb(0, 0, 0);
    white-space:pre-line;
    font-family: 'roboto-medium';    
    text-align: left;
    font-size: 1.5em ;
    color: rgb(210, 210, 210);
    padding-top: 3ch;
    padding-bottom: 3ch;
    padding-right: 3ch;
    padding-left: 3ch;

}


.poster img{
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    margin-top: 0px;

}

.poster1 img{
    width: 50%;
    height: auto;
    margin-bottom: 0px;
    margin-top: 0px;

}


.archive{
    font-family: 'longhaul';    
    text-align: center;
    font-size: 4.5rem ;
    background-color: black;
    color: white;
    width: 100%;
    padding-top: 0.5ch;
    padding-bottom: 0.5ch;
    margin-bottom:0px;
}

.archive a:link, a:visited{
    text-decoration: none ! important;
    color:rgb(255, 255, 255);
}