body{
    background-color: black;
    color: white;
}

@font-face {
    font-family: HitPunk;
    src: url('/fonts/punk03.ttf');
}
@font-face {
    font-family: ElitePunk;
    src: url('/fonts/SpecialElite.ttf');
}

.upperheader{
    font-family: HitPunk;
    font-size: 40px;
}
.navbar{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.navling{
    list-style-type: none;
    margin: 0;
    padding: 10px;
}

.linkling{
    display: block;
    color: white;
    text-align: left;
    text-decoration: none;
    
}


.linkling:hover{
    color:red;
}

.hudtitediv{
    display:grid;
    align-items: center;
    justify-items: left;
    background-image:url('/artsets/textures/crumpledpapertexture.jpg');
}

.hudtitle{
    display: flex;
    justify-content: left;
    font-family:HitPunk;
    color:rgb(0, 0, 0);
}

/* this is the seperation, above is the link stuff, the bottom is the rest of the page */

.main{
    display:grid;
    align-items: center;
    justify-items: center;
    font-size:25px;

}

.text{
    background-image:url('/artsets/textures/crumpledpapertexture.jpg');
    color:rgb(36, 0, 0);
    font-family: HitPunk;
}

.textalt{
    background-image:url('/artsets/textures/crumpledpapertexture.jpg');
    color:rgb(36, 0, 0);
    font-family: ElitePunk;
}

.btn{
    font-family: HitPunk;
    background-image:url('/artsets/textures/crumpledpaper2.jpg');
    font-size:25px;
    border:none;
}

.btn:hover{
    font-family: ElitePunk;
    background-image:none;
    background-color: black;
    color:white;
}
.link{
    color:rgb(25, 0, 255);
}

.link:hover{
    color:red;
    font-family: HitPunk;
}