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

header{display: flex;
width: 100%;
height: 23vh;
background-color: #543A93;}

#logo{height: 19vh;
padding-top: 2vh;
padding-left: 2%;}

#search{width: 50%;
height: 20%;
margin-top: 1%;
margin-left: 18%;
text-align: center;
border: solid black 2px;
border-radius: 20px;}   

.lupa{position: relative;
height: 15%;
top: 11%;
right: 3%;}

.login{color: white;
text-decoration: none;
padding-top: 30px;
height: 50px;}

.cadastre{color: white;
text-decoration: none;
padding-top: 30px;
padding-left: 13px;height: 200px;
height: 50px;}

svg{fill: white;
height: 20%;
padding-top: 20px;
padding-left: 20px;}

nav{width: 28%;}

nav li{display: inline-block;}

nav li a{color: white;
text-decoration: none;
padding: 18px;
position: relative;
top: 100px;
right: 650px;}

.dropdown-menu{position: absolute; 
display: none;}

.dropdown-menu a{display: block;
color: white;
background-color: #543A93;
border: 1px solid black;}

.dropdown:hover .dropdown-menu{display: block;}

.prod{width: 12%;
height: 38vh;
background-color: #543A93;
text-align: center;
margin-left: 100px;
border-radius: 45px;
margin-top: 20px;}

.prod span{color: white;
position: relative;
bottom: 55px;}

.produto1{display: flex;
gap: 100px;}

.produto2{display: flex;
gap: 100px;}

.img{width: 80%;
position: relative;
top: 8px;
border-radius: 10px;}

.txt_prod{position: relative;
top: 10px;
text-align: center;
color: white;}

.preco{position: relative;
top: 15px;}

.rodape{position: relative;
width: 100%;}

@media(max-width: 550px){
}