.contato {
  display: flex;
  margin: 8% auto;
}
.cont {
  display: block;
  margin: auto;
  width: 25%;
  background-color: #121212;
  padding: 50px;
  border-radius: 10px;
  height: 70%;
  box-shadow: 0 5px 10px rgba(137, 43, 226, 0.651);
}
.cont i {
  color: blueviolet;
}
.form-cont {
  display: block;
  width: 50%;
  height: 600px;
  margin: auto;
  background-color: #121212;
  padding: 50px;
  border-radius: 10px;
  box-shadow: 0 5px 10px rgba(137, 43, 226, 0.651);
}
.form-cont input,
.form-cont textarea {
  margin-bottom: 5px;
  background-color: #121212;
  color: #fff;
  border: 5px double blueviolet;
}
.form-cont input:focus,
.form-cont textarea:focus,
.form-cont input::after,
.form-cont textarea::after,
.form-cont input::before,
.form-cont textarea::before,
.form-cont input::selection,
.form-cont textarea::selection {
  outline: none;
  background-color: #121212;
  color: #fff;
}
.form-cont h2 {
  align-items: center;
  text-align: center;
  margin-bottom: 10px;
}
#btn-enviar {
  font-weight: bolder;
  background-color: #121212;
  border: 3px solid #8a2be2;
  padding: 10px 20px;
  transition: 0.2s ease-in-out;
}
#btn-enviar:hover {
  background-color: blueviolet;
  color: #121212;
}


@media (max-width: 1200px) {
  .contato {
    display: block;
    margin: 30% auto;
  }
  .cont,
  .form-cont {
    width: 90%;
    margin-top: 30px;
    height: 100%;
  }
}