/* Style for sign up html */
/* for mobile and tablet */
/* form */
section {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

#form-container {
  background-color: white;
  padding: 3rem;
  border-radius: 1rem 1rem 1rem 1rem;
}

form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

input, select {
  border:2px solid #F8F8F8;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  height: 2rem;
}

button {
  border: none;
  height: 3rem;
  background-color: #5175FF;
  color: white;
  font-size: 1rem;
}

/* for desctop*/
@media screen and (min-width:960px) {
  body {
    background-image: linear-gradient(to right, #F8F8F8 70%, #1C1F2C 30%);
  }
  main {
    display: flex;
    justify-content: space-between;
  }
  #form-container {
    width: 50%;
  }
}