@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: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins';
    background-color: rgb(211, 163, 248);
    
    
  }

  .main-div{

    width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    margin-bottom: 2rem;
    margin-top: 2rem;
    border-radius: 1%;
  }

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

  }

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

    .email, .password{
      text-align: center;
      font-size: 1rem;
      font-weight: bolder;
      color: rgb(66, 64, 64);
      
  }

  input {
    width:85%;
    height: 3rem;
  
    font-size: 1.2rem;
    margin: 1rem 0 3rem 0;
    border: none;
    border-radius: 5px;
    color:rgb(124, 121, 121);
    margin-left: 1rem;
    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: 10vh;
    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;
     
  }
  p a{
      text-decoration: none;
      color: rgb(240, 233, 233);
  }