/*BG IMAGE*/
body{
   background-image: url(media/bg-image.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-attachment: fixed;
   background-size: cover;
}


/*MENU TITLE*/
@font-face {
   font-family: Constance;
   src: url(fonts/Constance-7BLXE.otf);
}
h1{
   text-align: center;
   font-family: Constance;
   color: black;
   border-style: dashed;
   border-width: 5px;
   background-color: rgba(255, 255, 255, 0.5);
}


/*AUDIO*/
.web-audio{
 display: flex;
 justify-content: center;
 align-items: center;
}

h2{
text-align: center;
vertical-align: middle;
font-family: Constance;
}
p{
text-align: center;
vertical-align: middle;
font-family: "Nunito", sans-serif;
font-weight: 500;
}

/*CONTENT*/
.snacks{
width: 800px;
color: black;
 border-style: dashed;
 border-width: 5px;
 padding: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
 background-color: rgba(255, 255, 255, 0.834);
}

.beverages{
 width: 800px;
 color: black;
 border-style: dashed;
 border-width: 5px;
 padding: 10px;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
 background-color: rgba(255, 255, 255, 0.834);
}

.specials{
 width: 800px;
 color: black;
 border-style: dashed;
 border-width: 5px;
 padding: 10px;
position: absolute;
top: 150%;
left: 50%;
transform: translate(-50%, -50%);
 background-color: rgba(255, 255, 255, 0.834);
}