*{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;}

.form-container {background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 100%;}

h2 {text-align: center;
margin-bottom: 20px;
color: #333;}

form {display: flex;
flex-direction: column;}

label {margin-bottom: 5px;
color: #555;}

input, select, button {margin-bottom: 15px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;}

input:focus, select:focus, button:focus {outline: none;
border-color: #007bff;}

button {background-color: #007bff;
color: white;
cursor: pointer;
transition: background-color 0.3s;}

button:hover {background-color: #0056b3;}

button:active {background-color: #004085;}

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

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