*{
    color:black;
    transition:0.5s;
    margin:0;
    border:0;
}

::selection{
    background-color: #ad9966;
    color:white;
}

.opcoes-menu{
    display:inline-block;
    width:4.5%;
    margin-left: 50vh;
}

header>ul{
    padding:0;
    list-style:none;
    text-align: center;
    font-size:13px;
    letter-spacing: 0.5vh;
  
}

ul{
    text-align: center;
}

li{
    display:inline;
    font-family:"Roboto",sans-serif ;
    font-size:13px;

    
}

.menu{
    display:grid;
    grid-template-columns: repeat(3,12vh) 64vh repeat(3,16vh);
    justify-items: center;
    align-items:center;

    text-align: center;
    color:black;
    height:14vh;
    
    margin-right: 10vh;
    position:fixed;
    width:100%;
    margin-top:0;

    z-index:60;
   background-color:white;
}


.opcoes-menu>li{
    height:fit-content;
    background-color:white;
}
.pag{
    text-decoration: none;
}

.pag:hover{
    color:#ad9966;
    transition:0.3s;
}

.ativa{
    color:#ad9966;
}

.logo>img{
  width: 70px;;
  height:83px;  
  padding-left:1em;
  padding-right:1em;
  vertical-align:center;

}

.parte-animada:hover .drop{
    position:absolute;
    display:inline-block;
    height: 0;
    width: 0;
    margin-left: .225vh;
    vertical-align:.225vh;
    content:"";
    border-top:.3em solid;
    border-right:.3em solid transparent ;
    border-left:.3em solid transparent ;
    border-bottom:0 ;
}





.sec01{
    height:120vh;
    width:100%;
    background-image: url(header-bg.png);
    background-repeat:no-repeat;
    background-position:center;
    vertical-align:center;
    padding:0;
    margin:0;
    margin-top:15vh;
    position:absolute;
   
}

#titulo{
    position:absolute;
    top:65%;
    left:50%;
    color:white;
    transform:translate(-50%,-50%)
}

#titulo p{
    font-size:72px;
    color:white;
    font-family:"Playfair Display",serif;
    margin-bottom:0;
    letter-spacing:10.8px;
}

#titulo span{
    font-family: Roboto;
    color:white;
    margin-left:75px;
}

#titulo>hr{
    margin-top: 1em;
    margin-bottom: 1em;
    border: 0;
    border-top: 0.5px solid rgba(255, 255, 255, 0.993);
    box-sizing: content-box;
    height: 0;
}

.texto-esquerda{
    position:fixed;
    min-height:90vh;
    top:39%;
    left:0;
    z-index:100;
}

.view-a-table{
    font-family:Roboto,serif;
    position:fixed;
    top:52%;
    font-size:12px;
    transform:rotate(90deg);
    left:0.5vh;
    
}

.view-a-table:hover{
    color:rgb(22, 12, 12);
    transition:0.3s;
    transform:rotate(0deg);
}

.texto-direita{
    position:fixed;
    min-height:90vh;
    top:39%;
    right:0;
}

.book-a-table{
    font-family:Roboto,serif;
    position:fixed;
    top:52%;
    font-size:12px;
    transform:rotate(-90deg);
    right:1vh;
}

.book-a-table:hover{
color:rgb(22, 12, 12);
transition:0.3s;
transform:rotate(0deg);
}

.retangulo-colorido{
    background-color:#FAF5F0;
    margin-right:6%;
    float:right;
    height:150vh;
    width:100vh;
    align-items: center;
    z-index:-99;
    position: relative;
    top:122vh;
}
 
.retangulo-colorido hr{
    width:150px;
} 

#cardapio{
    text-align: center;
    font-size:20px;
    top:6vh;
    position: relative;
}

#main-courses{
    text-align: center;
    font-size:20px;
}

.daily-food{
    position:absolute;
    margin-top:100vh;

}
    

#drink{
    text-align: center;
    font-size:20px;
}

#cardapio span{
    color:#010000;
    font-family:"Playfair Display",serif;
    font-size:21px;
}

.cardapio-daily{
    color:#010000;
    font-family:"Playfair Display",serif;
    font-size:15px;
    margin-left:20vh;
    padding:10vh;
    float:right;
    text-align: center;
}

 dt{
    color:#777777;
}

 dl{
    margin-top:10%;
    font-family:Roboto;
}
  
.daily-food{
    float:left;
    top:45vh;
    width:40%;
    height:40%;
    margin-left:17vh;
    margin-top:119vh;
    font-size:55px;
    position:absolute;
}

.daily-titulo{
    font-size:55px;
    text-transform: uppercase;
    font-family: Playfar,serif;
    letter-spacing: 2vh;

}

.texto-aleatorio{
    font-family: Roboto,serif;
    font-size:16px;

}

.see-more{
    color:white;
    background-color: #ad9966;
    border:none;
    height:8vh;
    width:30vh;
    font-size:15px;
}

.see-more:hover{
    color:#ad9966;
    background-color:white;
    border:2px solid #ad9966;
    transition:0.3s;
}

#g1{
   position:relative;
    left:20vh ;
    top:100vh;
}

#g1:hover{
    filter:opacity(-50%);
}

#g2{
    position:relative;   
    left:23vh;
    top:120vh;
}

#g3{
    position:relative;
   left:35vh;
    top:100vh;
}

#g4{
    position:relative;
    left:38vh;
    top:125vh;
}

.sec03{
    width:90vh;
    margin-top:145vh;
    margin-left:20vh;
    text-align:center;
    height:140vh;
    background-color:#FAF5F0;
    transition:0.5s;
    position:absolute;
    font-size:20px;
    float:left;
}

.sec03>button{
    background-color:black;
    color:white;
    width:30vh;
    height:8vh;
    margin-top:40vh;
    margin-left:25vh;
    font-family:Roboto,serif;
    font-size:19px;
}

.post-a-message{
    height:40vh;
}
.sec03>li>input{
    margin-right:2vh;
    height:5vh;
    margin-top:1vh;
    width:90%;
}

.lista-input{
    margin-top:15vh;
    
}

.esquerda{
    display:inline-block;
    width:20%;
}

.lado{
    display:inline-block;
    width:20%;
}

.lado-form{
   
    margin-top:170vh;
    width:40%;
    right:0;
    float:right;
    position:absolute;
}

.nem-sei{
    font-size:45px;
    text-transform: uppercase;
    font-family: Playfar,serif;
    letter-spacing: 3vh;
}

span>.texto-aleatorio02{
    margin-top:5vh;
}

.chef{
    position:relative;
    z-index:50;
    float:right;
    margin-top:265vh;
    margin-left:105vh;
}

.embaixo-form{
    margin-left:20vh;
    margin-top:300vh;
    width:40%;
    left:0;
    float:left;
    position:absolute;
}

.chef-quote{
    font-size:55px;
    text-transform: uppercase;
    font-family: Playfar,serif;
    letter-spacing: 2vh;
}

.texto-aleatorio03{
    margin-top:5vh;
    font-size:18px;
}

.bife-com-batata{
    margin-top:15vh;
    margin-left:15vh;
}

.secfinal{
    margin-left:125vh;
    margin-top:20vh;
    margin-bottom:20vh;
    width:40%;
    left:0;
    float:right;
    position:relative;
}

.nome{
    font-size:50px;
    text-transform: uppercase;
    font-family: Playfar,serif;
    letter-spacing: 2vh;
    margin-bottom:10vh; 
}

.lugar{
    margin-top:5vh;
    font-size:18px;
}

.rodape{
    display:grid;
    grid-template-columns: repeat(4,35vh) 50vh;

    background-color:#04091e ;
    font-family:Roboto,serif;
    width:100%;
    height:60vh;
    margin-top:20vh;
    margin-bottom:0;
    
}

.rodape::selection{
    background-color: #3f3e3e;
    color:#010000;
}

.rodape>ul{
     margin-left:8.4vh;
    margin-top:15vh;
}
.rodape>ul>li{
    display:grid;
    justify-items:start;
   
    padding-left:0px;
    border:none;
    margin:fit-content;

    font-size:15px;
    color:#777777;
    font-family:Roboto,serif;
}

#li-titulo{
    font-size:20px;
    color:rgb(255, 255, 255);
    font-family:Playfair Display,serif;
   
}

.rodape>ul>li>.email>input{
   height:6vh;
   border:0.3px solid;
   border-color: #777777;
   background-color: #04091e;
   color: #777777;
}
.rodape>ul>li>.email>button{
    display:inline;
    background-color:#ad9966;
    color:white;
    height:6.1vh;
    border:none;
    width:6vh;
}

.copyright{
    background-color: #04091e;
    height:15vh;
    width:100%;
    color:#777777;
    font-family:Roboto,serif;
    margin-top:0;
    display:inline-block;
    
}


.copyright>button>svg{
    width:3vh;
    height:3vh;
    opacity:50%;
    color:#ad9966;
    
}
#socials{
margin-left:55vh;
}