:root
{
--middle: rgba(255, 255, 255, 0.0);
--border: rgba(255, 255, 255, 0.5);
}

body{
background-image: url('../images/body_back.jpg');
background-repeat: repeat;
padding-left: 2vw;
}

header{
display: flex;
background-image: url('../images/header_back2.png');
background-repeat: no-repeat;
background-size: 95vw 35vh;
background-position: center;
width: 96vw;
height: 35vh;
align-items: center;
justify-content: end;
}

.headerImg{

height: 25vh;
margin-right: 5vw;
}

main{

}

footer{
display: flex;
justify-content: end;
align-items: center;
width: 96vw;
height: 3vh;
}

.footerText{
color: var(--dirty-white);
font-size: 2vh;
font-family: "pochoir";
background-color: var(--dark-rust);
margin-right: 5vw;
}

nav{
display: flex;
justify-content: center;
align-items: center;
width: 96vw;
height: 8vh;
background: radial-gradient(var(--dirty-white), 70% , transparent);
}

.menu
{
color: var(--dark-blue);
font-size: 5vh;
margin-right: 3vw;
transition: all 0.5s ease-out;
}

.menu:hover
{
color: var(--smashed-pumpkin);
font-size: 5.2vh;
}