*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 16px;
  font-family: 'Nunito Sans', sans-serif;
}

.cabecalho{
  width: 100%;
  height: 80vh;
  background: linear-gradient(rgba(63, 5, 70, 0.83), rgba(150, 11, 219, 0.7)), url(./../img/bg.jpg) no-repeat;
  background-size: cover;
}

.menu{
  width: 100%;
  background-color: rgba(101, 12, 112);
  display: flex; 
  justify-content:space-between; 
  height: 60px;
  align-items: center;
  padding: 0 20px;
  position: fixed;
  box-shadow: 0px 0px 5px  #cccccc;

  
} 

.menu img{
  max-width: 55px;
}

.banner{
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: center;
  
}

.banner__titulo-subtitulo{
  display: flex;
  flex-direction: column;
  padding-right: 30px;
  text-align: center;
  text-shadow: #851285 0.1em 0.2em 0.2em;

}

.banner__img{
  max-width: 200px;
  max-height: 200px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px  #cccccc;
}

.menu-navegacao{
  display: flex;
  list-style: none;
}

.menu-navegacao__link{
  color: #ffffff;
  text-decoration: none;
  font-size: 20px;
  padding: 10px;
  transition: 0.5s all;
  border-radius: 10px;
}

.menu-navegacao__link:hover{
  background-color: #86477e;
}

.banner__titulo{
  color: #ffffff;
  font-size: 35px;
  margin-bottom: 15px;
}

.banner__subtitulo{
  color: #ffffff;
  font-size: 25px;
}

main{
  width: 90%;
  background: linear-gradient(rgba(255, 251, 255, 0.5),rgba(199, 100, 216, 0.6));
  margin: 3% 5%;
  border-radius: 10px; 
  box-shadow: 0px 0px 10px  #cccccc; 
}

.card-introducao, .container-trajetoria, .card-gostos{
  padding: 4%;
}

.card-introducao__titulo{
  color: rgb(162,153,165);
  font-size: 30px;
  margin-bottom: 20px;
}

.container-texto{
  display: flex;
  align-items: center;
}

.container-texto__paragrafos{
  width: 60%;
  margin-right: 10%;
}

.container-texto__paragrafos p, .container-trajetoria__paragrafo p{
  color: rgb(41, 39, 39);
  font-size: 17px;
  margin-bottom: 17px;
  text-align: justify; 
}

.container-texto__imagem{
  width: 30%;
}

.container-trajetoria__titulo{
  font-size: 25px;
  margin-bottom: 30px;
  color: #502f4c;
}

.card-gostos__titulo{
  font-size: 25px;
  color: #20171f;
  margin-bottom: 30px;
}

.container-listas{
  display: flex;
  justify-content: space-between; 
}

.lista{
  width: 30%;
  background-color: #A866AD;
  border-radius: 10px;
  padding: 16px;
  transition: 0.5s all;
  box-shadow: 5px 5px 9px #cccccc;
}

.lista:hover{
  transform: scale(1.1);
  
}



.lista h3{
  color: #ffffff;
  font-size: 17px;
  text-align: center;
  margin-bottom: 20px;
}

.lista__item li{
  color: #ffffff;
  margin-bottom: 10px;
  list-style: none;
}

.lista__item li::before{
  content: "❤";
  margin-right: 10px;
}

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

form{
  width: 60%;
  border: 2px solid #502f4c;
  padding: 20px;
  border-radius: 10px;
}

label, input{
  margin-bottom: 10px;
}

fieldset{
  border: 2px solid #502f4c;
  margin-top: 10px;
  margin-bottom: 10px;
}

.form-botao{
  display: flex;
  justify-content: center;
}

.botao{
  transition: 0.3s;
}
.botao:hover{
  cursor: pointer;
  background-color: #86477e;
}

.form-botao input{
  border: 2px solid #ffffff;
  background-color: #502f4c;
  color: #ffffff;
  border-radius: 10px;
  padding: 10px;

}

.card-fale-comigo{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly; 

}

.card-fale-comigo h2{
  font-size: 25px;
  color: #86477e;
  margin-bottom: 20px;
}

.card-fale-comigo__redes{

  display: flex;
  flex-direction: arrow;
  align-items: center;
  justify-content: center; 
}

.card-fale-comigo__redes li{
list-style: none;
padding: 10px;

}

.card-fale-comigo__redes a, .lista a{
  text-decoration: none;

}

footer{
  text-align: center;
  padding: 20px;
  background-color: rgb(43, 8, 48);
  color: #ffffff;
}