@import url(carrossel.css);

:root {
  --cor-primaria-botao: rgb(187, 199, 19);
  --cor-secundária-botao: rgb(17, 24, 0);
  --cor-hover-botao: rgb(102, 192, 50);
}


html,
body {
  background-color: #ffffff;
  height: 100%;


  margin: 0;
}

.container-body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  background-color: rgba(47, 214, 145, 0.76);
}

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


main {
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: #e4d192;
  padding: 80px;


}

h1 {
  
  text-align: center;
  
}

img {
  width: 50px;
  display: flex;
  
}


footer {
  background-color: #fad37e;
  padding: 70px;
}

.container-rodape {
  display: flex;

}

.texto-rodape {
  flex: 1;
}
.sim{
  text-align: center;
}
.botao {
 
  border: 1px solid #000000;
  padding: 12px;
  margin: 8px;
  cursor: pointer;
  transition: background 0.3;
  text-decoration: none;
  transition-timing-function: cubic-bezier(.15, .89, .85, .26);
  transition-property: border-radius, background-color;
  transition-duration: 2s, 2s;


}

.botao1 {
  
  background-color: var(--cor-primaria-botao);
  color: var(--cor-secundária-botao);

}

.botao1:hover {
  background-color: var(--cor-hover-botao);
  border-radius: 25px;
}

.botao1:active {
  color: var(--cor-primaria-botao);
  background-color: var(--cor-secundária-botao);
}


.texto-botao {
  text-align: center;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  
}


.container-formulario {
  display: flex;
  flex-direction: column;
}

ul {
  display: flex;
  list-style-type: none;
  align-items: center;
  flex-direction: column;


}

.formulario {
  padding: 10px;

}

input {
  border-radius: 10px;
}

input[type=name] {
  padding: 10px;
  width: 295px;

}

input[type=email] {
  padding: 10px;
  width: 295px;
}

textarea[name=assunto] {
  border: 2px solid #000000;
  border-radius: 10px;
  padding: 15px;
  width: 285px;

}

label {
  display: flex;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 20px;
  color: #251d1d;
  display: flex;
  justify-content: center;
}

main button {
  display: flex;
  position: relative;
  left: 712px;
}

button[type=submit] {
  display: flex;
  padding: 10px;
  margin: 30px;
  background-color: #8eabfa;
}

button[type=submit]:hover {
  background-color: #b5c5f3;
  cursor: pointer;
}

.ajuda-opcional {
  display: flex;
  position: relative;
  left: 1030px;
  top: -125px;
}

.ajuda {
  display: flex;
  color: #000000;
}

.seta {
  background-color: transparent;
}



#estudantes {
  background-color: #a8e93f;
  padding: 20px;

}
.grid-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);


}

.grid-item {
  text-align: center;
  
  
}

.grid-item img {
  width: 50%;
  border-radius: 50%;
  border: 5px solid #6410a8;
 
 
}

.grid-item img:hover {
  transition: width 0, 3s, border 0, 3s;
  width: 60%;
  border: 5px solid #4b0a81;

}

.grid-item h3 {
  margin: 15px;
  font-size: 20px;
}

.grid-item p {
  margin: 15px;
  font-size: 14px;
}

@media screen and (max-width: 1296px) {
  .ajuda-opcional {
    display: none;
  }
}