#reload-page-btn{
    text-decoration: none;
    color:white;
}

.left-arrow, .right-arrow{
    height:40px;
    width:40px;
    /* background-color: red; */
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.left-arrow img{
    height:50%;
}

.login-form{
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 650px;
}

h3{
    font-weight: 500;  
}

form{
    /* border:2px solid #5C093F; */
    border-radius:12px;
    width:300px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height:300px;
    box-shadow: 0px 0px 30px 8px lightgrey;
    background-color:white;
    padding-top:30px;
}

fieldset{
    /* background-color: grey; */
    width:100%;
    height:100%;
    padding-left:30px;
    /* padding-left:30px; */
    border-radius:12px;
}

.login-form input{
    width:90%;
    padding:4px;
    border:none;
    border-radius:4px;
    border:1px solid grey;
}

.login-form input:focus{
    outline: 1px solid #4e0557;;
} 

#login-btn{
    width:90%;
    height:40px;
    margin-bottom:10px;
    margin-top:40px;
}

#login-btn:active{
    border:2px solid blue;
    background-color: white;
    color:blue;
}

#signup-word{
    text-decoration: none;
    padding-left:10px;
}

.password-container {
  position: relative;
}

.password-container input[type="password"],
.password-container input[type="text"] {
  width: 90%;
  padding-right: 10px; 
  box-sizing: border-box;
}

.toggle-password {
  position: absolute;
  right: 34px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.eye-icon {
  width: 24px;
  height: 24px;
}

.eye-open path {
  fill: #4e0557;;
}

.eye-closed path {
  fill: #4e0557;;
}

.eye-closed line {
  stroke: #4e0557;;
}





@media (max-width:700px){
    .header{
        display: flex;
        justify-content: space-between;
    }
    .left-arrow{
        display: flex;
    }
    .right-arrow{
        display: flex;
    }
    .login-form{
        height:90vh;
    }
    form{
        width:90%;
    }
    .toggle-password{
        margin-right:10px
    }
}