*{
    padding: 0;
    margin: 0;
}
#container{
display:flex;
flex-direction: column;
justify-content: right;
gap: 10px;
/* margin-right: 30px; */
font-size: 18px;
font-weight: 500;
cursor: pointer;

animation: MenuAnimation 1s ease-in;
}

#logoImage {
    width: 300px;
}

#containerImg{
    display: flex;
    justify-content: center;
    text-align: center;
}
.botao1{
    margin-left: 10px;
width: 100px;
cursor: pointer;
font-size: 20px;


font-weight: 500;
border-bottom: 3px solid rgba(192, 177, 159,1);

}
.botao1:hover{
    background-color: #C0B19F;
    background-color: rgba(192, 177, 159,0.5);
    border-radius: 10px 0px 10px 0;
    
    background-color:  #C0B19F;
    border-bottom: 3px solid #532539;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;

}
.botao1 a{
    text-decoration: none;
    font-family: 'Satisfy', cursive;
    color: #401219;
   

}
.botao2{
    color: white;
}

.botao2 a{
    text-decoration: none;
    color: white;

}
#topoMenu{
    background-color: #EBDDD1;
background-color: white;
background: rgb(230,216,189);
background: linear-gradient(164deg, rgba(230,216,189,1) 0%, rgba(230,216,189,0.95) 50%, rgba(208,206,212,0.95) 100%);
color: #401219;
font-family: 'Satisfy', cursive;
font-size: 24px;
display: flex;
flex-direction: row;
justify-content: space-between;

height: 250px;
padding: 10px;



/* justify-content: ${(props)=> props.visible? 'right': 'space-around'};
justify-content: space-around; */

align-items:  center;
position: sticky;
top:0;
z-index: 99999;
transition: height 1s ease-in;


}

@media screen and (max-width:1800px){
      
   #topoMenu{
    justify-content: space-between;
  
   
        
    }
}
.navbar-toggler-icon{
   
}
.container_nav{
    margin:0;
    background-color: #EBDDD1;
    background-color: white;
    background: rgb(230,216,189);
    background: linear-gradient(164deg, rgba(230,216,189,1) 0%, rgba(230,216,189,0.95) 50%, rgba(208,206,212,0.95) 100%);
   

}
.menu-bar{
    margin-top: 40px;
    flex-direction: column;
   
    color: #401219;
font-family: 'Satisfy', cursive;
flex-wrap: wrap;
    
}

.navbar-nav .nav-link.active{
    color: #401219;
}
.navbar{
    display: none;
}

@media screen and (max-width:570px){
    .navbar{
        display: block;
    }
    #topoMenu{
        display: none;
    }
}