@font-face {
    font-family:PoppinsMedium ;
    src: url('../../fontsPoppins/Poppins-Medium.ttf');
}
*{
    padding: 0;
    margin: 0;
    font-family: poppinsMedium;
}
nav img{
    margin-left: 5rem;
}
@media (max-width: 1540px) {
    nav img{
        margin-left: 3.8rem;
    }
  }
@media (max-width: 1340px) {
    nav img{
        margin-left: 1.7rem;
    }
  }

section img:nth-child(1){
  width: 60%;
    height: 840px;  
    object-fit: cover;
}
section .container{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.homepage .form{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: var(--widthFull);
    height: var(--heightFull);
    background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
border-radius: 10.3px;
/* width: 21.5%; */
height:500px;
align-items: center;
/* border: 1px solid; */
padding:0.8rem;
}

form .user_info{
    /* border: 1px solid; */
    width: 400px;
    height: 35px;
    margin-top: .55rem;
    border: none;
    background: #D9D9D9;
    border-radius: .23rem;
    outline: none;
}
.rememberMe_div{
    /* border: 1px solid; */
    margin-right: auto;
    margin-top: -1rem;
    color: #007AF5;
}
 form .forgotPassword{
    margin-top: -2rem;
    margin-left: auto;
    color: #007AF5;
}

#loginBtn{
    width: 400px;
    height: 35px;
    font-size: .95rem;
    border-radius: .3rem;
    border: none;
    background: #D9D9D9;
}
.rememberMe_div input,.forgotPassword, #loginBtn{
    cursor: pointer;
}
form div input{
    padding-left: .4rem;
}
#togglePassword {
    position: absolute;
    right: 1rem;
    top: 2.3rem;
    cursor: pointer;
  }
 
  .passworddiv{
    position: relative;
  }