.signup {
    width: 90%;
    max-width: 400px;
    background-color: rgba(226, 225, 225, 0.938);
    margin-block: 7rem;
    margin-inline: auto;
    padding-block: 1.5rem;
    padding-inline: 0;
    box-shadow: 3px 5px 8px 1px rgba(192, 192, 192, 0.787);
}

.wrapper {
    inline-size: 80%;
    margin-block: 0;
    margin-inline: auto;
}

.signup__header {
    text-align: center;
    margin-block-end: 3rem;
}

.signup__name, 
.signup__password,
.signup__email {
    padding-block: .7rem;
    padding-inline: .7rem;
    font-size: .8rem;
    display: block;
    inline-size: 100%;
    background-color: rgba(253, 245, 245, 0.945);
    border: 1px solid rgba(0, 0, 0, 0.349);
    border-radius: 5px;
}


.signup__title {
    font-size: 1.5rem;
    margin-block-end: .5rem;
}

.signup__greeting {
    font-size: .8rem;
}

.signup__name,
.signup__email,
.signup__password {
    margin-block-end: 1rem;
}
  
label {
    font-size: .6rem;
}
  
.additional-data {
    display: flex;
    justify-content: space-between;
    margin-block-start: .7rem;
}
  
.signup__footer {
    display: flex;
}
  
.rememberMe-container {
    display: flex;
    align-items: center;
}
  
input[type='checkbox'] {
    margin-right: 5px;
}
  
.signup__forgotPassword, 
.signup__signup {
    border: none;
    background: none;
    font-size: .6rem;
    color: #D99789;
    font-weight: 700;
}
  
.submit-btn {
    margin-block-start: 4rem;
}
  
.signup__submit {
    inline-size: 100%;
    padding-block: 1rem;
    font-weight: 700;
    border: none;
    background: #D9843B;
    border-radius: 3px;
    color: white;
}
  
.signup__footer {
    margin-block-start: .7rem;
}

.signup__footer p {
    font-size: .6rem;
    margin-right: 5px;
} 

@media (max-width: 600px) {
    .signup {
      margin-block: 6rem;
  }
  
  .signup__header {
    text-align: center;
    margin-block-end: 1rem;
  }
  
  .submit-btn {
    margin-block-start: 1rem;
  }
  }