* {
    font-family: Geist;
}

body{
    background-image: url(../IMAGES/BACKGROUNDS/chaos_marble_black.jpg);
    color: white;
}

.Header{
    background-color: rgb(133, 130, 130);
    background-image: url(../IMAGES/TEXTURES/Texture50.png);
    background-blend-mode: multiply;
    text-align: center;
    width: 95%;
    margin-left: auto;
    margin-right: auto;


    & hr{
        width: 95%;
        height: 4px;
        background-color: black;
        border: none;
    }


    & p{
        font-size: 20px;
    }

    & h1{
        text-align: center;
        text-decoration: underline black 2px;
        padding-top: 1%;
        font-size: 55px;
        padding-bottom: .5%;
    }
}

.NAV{
    background-color: lightgray;
    text-decoration: none;
    color: rgb(0, 0, 0);
    border-style: outset;
    border-color: grey;
    padding-left: 2%;
    padding-right: 2%;

}

.Nav_bar{
    background-color: rgb(133, 130, 130);
    background-image: url(../IMAGES/TEXTURES/Texture50.png);
    background-blend-mode: multiply;
    width: 95%;
    margin: auto;
    text-align: center;
    padding-bottom: 1%;



    & hr{
        border: none;
        background-color: black;
        height: 3px;
        width: 95%;
    }
}


.Nav_BTNS{
    display: flex;
    gap: 5%;
    margin-bottom: 2%;
    padding-bottom: 2%;
    text-align: center;
}


.Flex_Box{
    background-color: rgb(133, 130, 130);
    width: 95%;
    margin: auto;
    display: flex;
    gap: 1px;
    background-image: url(../IMAGES/TEXTURES/Texture50.png);
    background-blend-mode: multiply;
}


.Left_Box{
    background-color: rgb(255, 255, 255);
    width: 25%;
    margin: 1%;
    text-align: center;
    color: black;
    border: inset 5px black;




    & hr{
        border: none;
        background-color: black;
        width: 95%;
        height: 3px;
    }
}

.Main_Box{
    background-color: white;
    width: 75%;
    margin: 1%;
    color:black;
    border: inset 5px black;
    padding-left: 2%;

    & hr{
        border: none;
        background-color: black;
        width: 95%;
        margin: auto;
        height: 3px;
    }
    
}












/* FONTS */
@font-face {
    font-family: Geist;
    src: url(../FONTS/GeistPixel-Regular-VariableFont_ELSH.ttf);
}