@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400&display=swap'); 
 
 *,
  *:before,
  *:after{
    margin: 0;
    padding: 0;
    outline: none;
    
    
  }

  body{
    width: 100%; /*tem q ser 100%*/
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins';
    background-color: rgb(211, 163, 248);
    
    
  }

  .main-div{

    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
   
    margin-top: 2rem; /*antes era 2rem*/
    border-radius: 1%;
  }

  .form{
      width: 75%;
      margin: 1rem auto;

  }

  .title{
    
    text-align: center;
    font-size: 2rem;
    color: rgb(117, 111, 111);
    margin-bottom: 1rem;
    font-weight: bold;
  }

  .newInput, .email, .password{

      text-align: center;
      font-size: 1rem;
      font-weight: bolder;
      color: rgb(66, 64, 64);
      margin: 0rem 0rem 1.5rem 0rem;
  }
  .userInfo{
    color: rgb(83, 81, 81);
    font-size: 1rem;
    margin: 0rem 0rem 1.5rem 0.8rem;
  }

  input {
    width:100%;
    height: 2rem;
    font-size: 1.5rem;
    display: grid;
    border: none;
    border-radius: 5px;
    color:rgb(124, 121, 121);
    background-color: white;
    
  }
  ::placeholder {
    color: rgb(160, 156, 156);
    font-weight: 500;
    
  }

  .button{
    color: rgb(255, 255, 255);
    background-color: rgb(98, 161, 180);
    width: 100%;
    height: 9vh;
    border:none;
    border-radius: 5px;
    text-align: center;
    align-content: center;
    align-items: center;
    font-size: 1.3rem;
  }

  .button:hover{
    background-color: rgb(92, 185, 221);
    cursor: pointer;
}


  p {
    text-align: center;
    color: rgb(77, 65, 65);
    font-weight: 400;
    font-size: 1.1rem;
    margin: 0 0 2rem 0;
   
}
p a{
    text-decoration: none;
    color: rgb(240, 233, 233);
}