body{
   min-height: 100vh;
    margin: 0; 
background-image: url("../Media/BackgroundIMG.jpg");
 background-size: cover;    
    background-position: center; 
    background-repeat: no-repeat;
margin: 0;
}
h1{
    font-family: "Pixelify Sans", sans-serif;
    font-size: 60px;
     color: rgb(131, 88, 192);
    
    text-align: center;
}
h3{
    font-family: "Pixelify Sans", sans-serif;
    font-size: 35px;
    color: rgb(79, 53, 116);
    text-align: center;
}
P {
    font-family: "VT323", sans-serif;
    
    

    
    color: rgb(0, 0, 0);
    font-size: 30px;


}
.BGBOX{
     max-width: 800px;
    margin: 0 auto;
background-color:  rgba(248, 233, 152, 0.8);
padding: 20px;
border-radius: 10px;
}
.MBAR {
     display: flex;
    justify-content: center;
    gap: 70px;
background-color:  rgba(206, 132, 57, 0.865);
 max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 0;
    box-shadow:
        4px 0 0 0 white,
        -4px 0 0 0 white,
        0 4px 0 0 white,
        0 -4px 0 0 white;
}

.MBAR a{
    border: none;
    background-color: rgba(206, 132, 57, 0.865);
    box-shadow:
        4px 0 0 0 black,
        -4px 0 0 0 black,
        0 4px 0 0 black,
        0 -4px 0 0 black;
    font-family: "Pixelify Sans", sans-serif;
    font-size: 20px;
    text-decoration: none;
    color: #000000;
    padding: 16px 36px;
    transition: all 0.3s ease;

}
.MBAR a:hover{

    background-color: #bb2800;
    color: white;

}