.register {
  background: #F0EDEB;
  padding: 100px 100px;
}

.register-container {
  margin: auto auto;
  height: auto;
}

.register-subtitle {
  color: #7E804E;
  text-align: center;
  font-family: Euclid Circular B;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.register-title {
  color: #7E804E;
  text-align: center;
  font-family: Addington CF;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 49px;
}

.name-row {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
}

.name-row input {
  width: 100%;
  margin-top: 80px;
}

.email-row {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 80px;
}

.input-custom {
  width: 812px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid black;
  justify-content: center;
}

.input-custom::placeholder {
  text-align: center;
}

.input-custom:focus-visible {
  outline: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid black;
}

.input-button {
  border-radius: 19px;
  border: 1px solid #7E804E;
  width: 164px;
  height: 46px;
  color: #7E804E;
  text-align: center;
  font-family: Euclid Circular B;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.button-row {
  margin-top: 55px;
  display: flex;
  justify-content: center;
}

@media (min-width: 1200px) {
  .name-row {
    flex-direction: row;
  }

  .name-row input {
    width: 384px;
  }

  .register-container {
    margin: 0 auto;
    height: 533px;
  }  
}