@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto&display=swap');

*{
  font-family: 'Roboto', sans-serif;
}
::placeholder{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    
    padding: 0.7em;
}


.contato,
.contato-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.contato-content {
    margin: 4em auto 1em auto;
    gap: 0.3em;
}

.contato-content h2{
    font-size: 26px;
}
.contato-content p{
    font-size: 18px;
}

.formulario {
  display: flex;
  flex-direction: column;
  max-width: 1400px;
  min-width: 50vw;
}
.formulario label{
  margin-top: 1.5em;
  margin-bottom: .6em;
  font-weight: 700;
}
.formulario input,
.formulario button {
    padding: 0.7em;
}
.formulario button {
  width: 30%;
  background-color: var(--primary-color);
  color: #000000;
  font-weight: 700;
  margin-bottom: 1em;
}

.formulario button:hover {
  animation: translateY 0.8s infinite alternate;
  cursor: pointer;
}

@keyframes translateY {
  from {
    transform: translateY(0) scale(1);
  }
  to {
    transform: translateY(-2px) scale(1.02);
  }
}