*{margin: 0;
box-sizing: border-box;}

a {
    text-decoration: none;
    color: unset;
}

body { font-family: 'Playfair', sans-serif;}

.nav {display: inline-block;
width: 4.5%;
}

header>ul {
text-decoration: none;
list-style: none;
padding: 0;
text-align: center;
margin-right: 105px;
}
header li{
    margin-left: 100px;
}
#roof{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: xx-large;
    text-align: center;
    color: aliceblue;
}

.header {display: inline-block;}

.element {
    vertical-align: middle;
    display: inline-block
}

#imgPrincipal{
    position: relative;
    background-image: url(https://preview.colorlib.com/theme/rooftop/img/header-bg.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 750px;
    width: 100%;
}

.menupapel{
display: inline-block;
}
.menuoutro{
    display: inline-block;
}


#app {
    
    display: inline-block;
    position: absolute;
    right: 12%;
    text-align: center;
    background-color: rgb(250, 239, 239);
    width: 40%;
}
#menuoutro{
    position: relative;
    left: 3%;
    display: inline-block;
    text-align: center;
    font-size: x-large;
    background-color: rgb(250, 250, 250);
    height: 560px;
    
}


#losan {
    position: fixed;   
    right: 0%;          
    top: 50%;          
    transform: translateY(-50%); 
    z-index: 1000;     
}

#canto2 {
    position: fixed;   
    left: 0%;          
    top: 50%;          
    transform: translateY(-50%); 
    z-index: 1000;     
}

.button{
    background-color: chocolate; 
  color: white; 
  padding: 10px 20px; 
  border: none; 
  border-radius: 5px; 
  cursor: pointer;
  transition: background-color 0.3s; 
}

#sushi
{
position: relative;
left: 11%;
}
#comid2
{
position: absolute;
left: 44%;
top: 45%;
}
#comid3{
    position: absolute;
    bottom: -74%;
    left: 2%;
}
#comid4{
    position: absolute;
    bottom: -95%;
    left: 44%;
} 
*comidaimagem:hover{
background-size: 120%;
transition:0,5s
}

#form{
    position: absolute;
    left: 15%;
    bottom: -470%;
    background-color: rgb(250, 239, 239);
    font-size: larger;
}

#textopt2{
    font-size: xx-large;
    position: absolute;
    right: 5%;
    bottom: -490%;
}

#assin {
    position: absolute;
    font-size: x-large;
    text-align: center;
    bottom: -560%;
    left: 5%;
}

#chefe{
    position: absolute;
    right: -89%;
    bottom: -100%;
}

#fritas{
    position: absolute;
    bottom: -800%;
    left: 7.5%;
}
#textf{
   font-size: x-large;
   position: absolute;
   right: 15%;
   top: 55%;
   background-color: rgb(250, 239, 239);
}

#assina{
position: absolute;
    font-size: x-large;
    text-align: center;
    bottom: -215%;
    right: 5%;
}

#chefes{
position: absolute;
    left: -89%;
    top: 10%;

    
}

#fritas2{
     position: absolute;
    bottom: -355%;
    left: 7.5%;
}
#comid22{
    position: absolute;
right: 55%;
bottom: -136%;
}

#aboutus{
    position: absolute;
    left: 48%;
bottom: -116%;
font-size: x-large;
}
#fritas3{
    position: absolute;
    bottom: -230%;
    left: 7.5%;
}
#chefe8{
    position: absolute;
    right: -85%;
    bottom: -100%;
}
#assin8{
    position: absolute;
    font-size: x-large;
    text-align: center;
    bottom: -120%;
    left: 0%;
}