body { background: #bddfaeff;
        display: flex; 
        justify-content: center; 
        align-items: center;
        color: white;
      height: 100vh;
    }
    .login-box {
      max-width: 400px;
      width: 100%;
      padding: 2rem;
      background: #104708ff;
      border-radius: 10px;
      box-shadow: 0 5px 50px rgba(0,0,0,1000);
    }
    .logo{
      width: 100%;
      zoom: 150%;
     display: flex; 
        justify-content: center; 
        align-items: center;

   

    }
    @media (max-width: 400px) {
      .login-box {
        margin: 1rem;
        padding: 1rem;
      }
    }