#form {
    display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin:19vh auto; 
      min-height: 50vh; 
      font-family: "poppins", sans-serif;
      background-color: white;
      width: 80%; 
      max-width: 400px;
      padding: 20px; 
   
      border-radius: 50px;
    }
   body{
      background-color:white;
   }
   button {
      background-color:orangered ;
      color: white; 
      border: none; 
      padding: 10px 20px;
      cursor: pointer;
      font-size: 16px;
      font-family: "Arial", sans-serif;
      border-radius: 5px;
    }
    
    button:hover {
      background-color: white;
    } 
    input[type="email addrees"],
    input[type="password"]{
      width: 300px;
      padding: 10px;
      margin-bottom: 20px;
      border: 1px solid #dddada;
      border-radius: 5px;
      font-size: 16px;
      font-family: "Arial", sans-serif;
    }
    
    
    .input-box {
      margin-bottom: 20px;
    }
    
    .remember-password {
      margin-bottom: 20px;
    }
    
    .remember-password label {
      margin-right: 10px;
    }
    
    
    .create-link {
      margin-top: 20px;
   
    }
    
    .create-link a {
      text-decoration: none;
      color: rgb(129, 11, 218);
    }
    
    .create-link a:hover {
      text-decoration: underline;
    } #form {
        display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          margin:19vh auto; 
          min-height: 50vh; 
          font-family: "poppins", sans-serif;
          background-color: gainsboro;
          width: 80%; 
          max-width: 400px;
          padding: 20px; 
       
          border-radius: 50px;
        }
       body{
          background-color:white(155, 152, 152);
       }
       button {
          background-color:orangered;
          color: white; 
          border: none; 
          padding: 10px 20px;
          cursor: pointer;
          font-size: 16px;
          font-family: "Arial", sans-serif;
          border-radius: 5px;
        }
        
        button:hover {
          background-color: lightgray;
        } 
        input[type="email addrees"],
        input[type="password"]{
          width: 300px;
          padding: 10px;
          margin-bottom: 20px;
          border: 1px solid #dddada;
          border-radius: 5px;
          font-size: 16px;
          font-family: "Arial", sans-serif;
        }
        
        
        .input-box {
          margin-bottom: 20px;
        }
        
        .remember-password {
          margin-bottom: 20px;
        }
        
        .remember-password label {
          margin-right: 10px;
        }
        
        
        .create-link {
          margin-top: 20px;
       
        }
        
        .create-link a {
          text-decoration: none;
          color: rgb(129, 11, 218);
        }
        
        .create-link a:hover {
          text-decoration: underline;
        }