body {
    background-color:#a3ee9c;
    
  }

login{
    margin-top: 4rem;
    align-items: center;
    border-width: 1rem;
    transform: translate(-50%,-50%);
    
  }

#logo {
align-self: center;
    height: 100px;   
     margin-top: 0.2rem; 
     
  }

  .image-container {
   
    display: flex;
    justify-content: center; /* Centers the image horizontally */
    align-items: center;    /* Centers the image vertically */
    height: 70vh;          /* Adjust this as necessary for your layout */
    overflow: hidden; /* Ensure that any overflow is hidden */
}

.image-container img {
  margin-top: 0px !important;
  max-height: 500%;        /* Limits the image height to 70% of the container height */
  max-width: 100%;        /* Ensures the image width does not exceed the container width */
    /* Maintains the aspect ratio of the image */
 
}

.register_logo{
    align-self: center;
    height: 100px;
    margin-top: 0.2rem;
}