body{
    margin: 0;
}

@font-face {
    font-family: DRUNK FONTS;
    src: url(DRUNKFONTS-REGULAR.OTF);
}

@font-face {
    font-family: StartMenu;
    src: url(STARTMENU.TTF);
}
@font-face {
    font-family: Helvetica-grosse-bit;
    src: url(HELVETICA-DESTRU-PIX.TTF);
}
@font-face {
    font-family: Lowerresolution;
    src: url(LOWERRESOLUTION.TTF);
}



.header-text{
object-fit: cover;
padding: 0;
margin: 0;
position: absolute;
font-size: 150px;
opacity: 100%;
background-blend-mode: multiply;
color: rgba(0, 0, 0, 0.871);
font-family: StartMenu;
z-index: 1;
user-select: none;
top: 40px;
transform: scaleY(3);
transition: color 0.3s, background-color 0.3s;
}

.header-text:hover{
    color: rgb(222, 0, 0);
    -webkit-text-stroke: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.288);

}



.headerimage{
width: 100%;
height: 150px;
object-fit: cover;
padding: 0;
margin: 0;
position: absolute;
z-index: 0;
}


.headerimage2{
width: 100%;
height: 100%;
object-fit: cover;
padding: 0;
margin: 0;
position: absolute;
opacity: 60%;
}

.header{
padding: 0;
margin: 0;

}

.test{
   font-family: 'Courier New', Courier, monospace;

}

.buttons{
    font-family: 'Courier New', Courier, monospace;
    z-index: 2;
    color: black;
    position: absolute;
    font-size: 0px;
    top: 170px;
    left: 740px;
    
}

.onebutton{
    height: 30px;
    width: 150px;
    font-size: 17px;
    font-family: Helvetica-grosse-bit;
    color: rgb(0, 0, 0);
    background: rgba(255, 255, 255, 0.318);
    margin: 0px;
    padding-left: 30px;
    padding-right: 30px;
    border-color: rgba(0, 0, 0, 0.288);
    box-shadow: 5px 5px 20px 4px;
    transition: background-color 0.4s, color 0.4s;
}

.onebutton:active{
    background-color: black;

}

.onebutton:hover{
    background-color: rgba(0, 0, 0, 0.092);
    color: rgba(255, 255, 255, 0.445);
}