.body {
  width: 100%;
  height: 100%;
  max-width: 100%;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #151618;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 50px 20px;
  display: flex;
}

.content {
  width: 500px;
  max-width: 80%;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.logo {
  object-fit: contain;
}

.text {
  color: #fff;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.form-wrapper {
  width: 500px;
  max-width: 500px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #fff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px;
  display: flex;
}

.text-2 {
  color: #fff;
  text-align: center;
  padding-bottom: 25px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.field {
  width: 100%;
  max-width: 300px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  background-color: #84babf;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 5px 25px;
  font-family: Inter, sans-serif;
  display: flex;
}

.field-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ffa800;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 5px 25px;
  display: flex;
}

.text-3 {
  color: #fff;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 100;
}

.form {
  width: 100%;
  max-width: 100%;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.opt-in {
  width: 100%;
  max-width: 1100px;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #151618;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 50px 20px;
  display: flex;
}

.content-2 {
  width: 100%;
  max-width: 300px;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.text-4 {
  color: #fff;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.text-5 {
  color: #fff;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.logo-2 {
  object-fit: cover;
}

.text-6 {
  color: #fff;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.text-7 {
  color: #fff;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.logo-3 {
  object-fit: cover;
}

.text-8 {
  color: #fff;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.content-3 {
  width: 100%;
  max-width: 500px;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.meus-parab-ns-sua-inscri-o-est-confirmada-n-o-esque-a-de-sempre-checar-sua-caixa-de-entrada-ser-no-seu-e-mail-que-enviaremos-coisas-bem-especiais-que-reservamos-para-voc-al-m-disso-muito-importante-que-voc-entre-no-nosso-grupo-exclusivo-dessa-semana-extraordin-ria-que-a-semana-do-o-que-a-sabedoria-fez-comigo-para-entrar-no-grupo-basta-clicar-no-bot-o-abaixo {
  color: #fff;
  text-align: center;
  border: 1px #000;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.field-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ffa800;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 5px 25px;
  text-decoration: none;
  display: flex;
}

@media screen and (max-width: 479px) {
  .content {
    width: 300px;
    max-width: 300px;
  }

  .form-wrapper {
    max-width: 300px;
  }
}