@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
    --Poppins:"Poppins", sans-serif;
    --background: #0f0e17;
    --titulo:#fffffe;
    --destaque:#ff8906;
    --paragrafo:#a7a9be;
    --botao:#a7a9be;
    --secundario:#f25f4c;
    --terciario:#e53170;
}

* {
    margin: 0;
    padding: 0;
    font-family: var(--Poppins);
    
}
body{
    background-color: var(--background);
}
header {
    width: 100%;
    border-bottom: 1px solid rgb(255, 255, 255);
    background-color: var(--background);
}
 
header img{
    width: 150px;
    height: 150px;
    display: flex;
}
#menu-list{
    display: flex;
}
#list-principal{
    padding-bottom: 5px;
    color: var(--titulo);
    gap: 40px;
    display: flex;
    list-style: none;
}
.list-item{
    margin-left: 7%;
}
.list-item a{
    text-decoration: none;
    color: var(--titulo);
    
}
.list-item a:hover{
    color: var(--destaque);
}
main{
    background-color: var(--background);
}
section {
    max-width: 100%;
    padding: 3rem 2rem;
    background-image: url(../img/restaurante\ fundo.png);
}
.imagem-principal img{
   width: 375px;
   height: 283px;
}
.caixa-principal{
    min-height: 71vh;
    align-items: center;
    max-width:52%;
    padding-top: 10%;
    margin: 0 auto;
}
.caixa-principal h1{
    color: var(--titulo);
    font-size: 4rem;
    text-transform: uppercase;
}
.texto-destaque {
    color: var(--paragrafo);
    font-size: 30px;
    line-height: 1.4rem;
    padding-bottom: 25px;
}
#botao-link{
    text-decoration: none;
    background-color: var(--destaque);
    padding: 15px;
    font-size: 20px;
    color: var(--background);
    border-radius: 30px;
}
#botao-link:hover{
    background-color: transparent;
    border: 1px solid var(--destaque);
    color: var(--titulo);
    transition: 1s;
}

article{
    background-color: var(--background);
}
.titulo-destaque{
    padding: 10px;
    text-align: center;
    color: var(--titulo);
    text-transform: uppercase;
    font-size: 3rem;
}
 span{
    color: var(--secundario);
}
.destaque{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imagem-destaque{
    text-align: center;
}
.sobre{
    color: var(--paragrafo);
}
.texto-sobre{
    margin: auto;
    min-width: 300px;
    max-width: 94%;
    padding-bottom:10px;
    font-size: 18px;
}
aside{
    display: flex;
    gap: 40px;
    margin-top: 30px;
    text-align: center;
    width: 100%;
    max-width: 600px;
    margin-left: 5%;

}
.botao-sobre{
    text-decoration: none;
    color: var(--background);
    background-color: var(--destaque);
    padding: 10px;
    border-radius: 30px;
}
.botao-sobre:hover{
    background-color: transparent;
    color: var(--paragrafo);
    border: 1px solid var(--destaque);
    transition: 1s;
}
.Avaliacoes-central{
    padding: 20px;
}

.sobremesa {
    color: #a7a9be;
    border: 1px solid var(--botao);
    padding: 15px;
}
.sobremesa h4{
    text-transform: uppercase;
}
.sobremesa p{
    padding: 10px;
    display: inline-block;
}
.sobremesa img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
}
.sobremesa a {
    text-decoration: none;
    color: var(--background);
    background-color: var(--destaque);
    padding: 10px;
    border-radius: 30px;

}
.sobremesa a:hover{
    background-color: transparent;
    color: var(--botao);
    transition: 1s;
    border: 1px solid var(--destaque);
}
.pratos{
    color: var(--paragrafo);
    border: 1px solid var(--botao);
    padding: 20px;
   
}
.pratos h4{
    text-transform: uppercase;
}
.pratos p{
    padding: 10px;
    padding-top: 20px;
    display: inline-block;
}
.pratos img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
}
.pratos a{
    text-decoration: none;
    color: var(--background);
    background-color: var(--destaque);
    padding: 10px;
    border-radius: 30px;

}
.pratos a:hover{
    background-color: transparent;
    color: var(--botao);
    transition: 1s;
    border: 1px solid var(--destaque);
}
.churrasco{
    display: inline-block;
    padding-bottom: 10px;
    color: #a7a9be;
    border: 1px solid var(--botao);
    padding: 20px;
    margin-top: 0 auto;
}
.churrasco h4{
    text-transform: uppercase;
}
.churrasco img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
    padding: 10px;
}
.churrasco p {
    padding: 10px;
    display: inline-block;
}
.churrasco a {
    text-decoration: none;
    padding: 10px;
    color: var(--background);
    background-color: var(--destaque);
    border-radius: 30px;
}
.churrasco a:hover{
    background-color: transparent;
    color: var(--botao);
    transition: 1s;
    border: 1px solid var(--destaque);
}
footer{
    padding: 10px;
    background-color: var(--terciario);
    color: var(--paragrafo);
    text-align: center;
    padding-bottom: 40px;
}
footer h3{
    text-transform: uppercase;
    color: var(--background);
    padding-bottom: 20px;
}
.contato{
    background-color: var(--destaque);
    padding: 10px;
    border-radius: 30px;
    text-decoration: none;
    color: var(--background);
}
.contato:hover{
    background-color: var(--background);
    border: 1px solid var(--destaque);
    color: var(--botao);
    transition: 1s;
}
.email{
    background-color: var(--destaque);
    margin-left: 15px;
    padding: 10px;
    margin-top: 10px;
    border-radius: 30px;
    text-decoration: none;
    color: var(--background);
}
.email:hover{
    background-color: var(--background);
    border: 1px solid var(--destaque);
    color: var(--botao);
    transition: 1s;
}
@media screen and (max-width:2064px){
header {
    width: 100%;
}
#list-principal{
    gap: 10px;
}
section{
    height: 100vh;
    font-size: 10px;
}   
.texto-sobre{
    text-align: justify;
    text-indent: 15px;
}
.caixa-principal{
    min-height: 20vh;
    max-width: 100%;
}
.caixa-principal h1{
    font-size: 2rem;
}
.texto-destaque{
    line-height: 1.2rem;
    font-size: 20px;
}
.titulo-destaque{
    font-size: 35px;
}
.imagem-destaque img{
    width: 290px;
}
aside{
    display: block;
    margin-left: 0%;
    gap: 20px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
    background-color: var(--background);
}
.Avaliacoes-central{
    padding: 0px;
}
.sobremesa{
    padding-bottom: 15px;
}
.sobremesa img{
    width: 240px;
}
.sobremesa p{
    text-indent: 20px;
    text-align: justify;
  padding-top: 10px;
  padding-bottom: 10px;
}
.sobremesa a{
    margin-bottom: 10px;
}
.pratos{
    margin-bottom: 15px;
    margin-top: 15px;
    padding-top:5px;
}
.pratos p{
    text-align: justify;
    text-indent: 20px;
}
.pratos img{
    width: 240px;
}
.churrasco{
    padding-bottom: 15px;
}
.churrasco p{
    text-align: justify;
    text-indent: 20px;
}
.churrasco img{
    width: 240px;
}
footer{
  margin-top: 16px;
}
.email{
    display: inline-block;
    margin-top: 16px;
}
}