:root{
    --background-theme:#e6e9f0;
    --text-color:#000;
}

*,html{
    margin:0px;
    padding:0px;
    font-size: 10px;
    color: var(--text-color);
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

body{
	font-size:10pt;
    width:100%;
    background-color:var(--background-theme);
}
h1{
    font-size: 3.2rem;
}
p{
  font-size: 1.2rem;  
}
/* Sections */
.login_section{

    min-height: 100vh;
    display: flex;
    align-items:center;
    position: relative;
    justify-content:center;
}

.accounts_container{
    height: 650px;
    min-height: 650px;
    max-height: 100%;
    border-radius:10px;
    box-shadow: 8px 8px 8px rgba(0,0,0,0.1);
    background-color: #fcfcfc;
    overflow: hidden; 


}


.accounts_image img{
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.accounts_col form .form-group{
    position: relative !important;
}
.accounts_col form .form-control{
    font-size:1.6rem;
    padding:20px 10px;
    margin-bottom:20px;
    background:transparent !important;
}
.accounts_col form label,
.accounts_col form .form-group i{
    position:absolute;
    z-index: 1;
    pointer-events: none;
    top: 50%;
    transform: translateY(-50%);
    font-size:1.2rem;
    left:10px;

}
.accounts_col form label{
    transition: .2s linear;
}
.change_label{
    background-color:#fcfcfc;
    transition: .2s linear;
    transform: scale(0.8);
    top:0 !important;
}
.accounts_col form .form-group i{
    left:90% !important;
    cursor: pointer;
    pointer-events:visible;
}
.register_btn{
    padding:10px 0!important;
    font-size: 1.6rem !important;
    font-weight: 600 !important;

}

.already_member_box p,a,
.already_member_box span{
    cursor: pointer;
		font-size:9pt;

}
.login_form,
.signup_form{
    display:none;
}