body{
    background-color: #D7D5C7;
    background-image: url("img/intro_img.jpg");

    
} 
.account_page_section{
   
    display:flex;
    flex-wrap: wrap;
    margin-top:80px; 
    /* width:100vw;
    height:100vh; */
}
.account_form{
    
    background-color: whitesmoke;
    height:300px;
    width:300px;
    position:relative;
    margin:0 auto;
    padding:20px 0;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    overflow: hidden;

}
.form_options{
    text-align: center;   
}
.form_options span{
    font-weight: bold;
    padding:0 10px;
    cursor:pointer;
    width:100%;
    color:#555;  
    padding-left:1em; 
}
.form_options span:hover{
    border-bottom:2px solid red;
}
.account_form form{
    max-width: 300px;
    margin: 2em 4em;
}

input[type=text], input[type=password], input[type=email]{
    margin:0.6em 0;
    border:1px solid #555;
    outline:none;
    width:100%;
    border-radius:2px;
    height:2em;
}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{
        border:2px solid dodgerblue;
}
.form_buttons{
    background-color: red;
    color:white;
    border:none;
    outline:none;
    border-radius:20px;
    width:100%;
    height:2em;
    font-family: inherit;

}
.form_buttons:hover{
    color:white;
    background-color: maroon;
}
#registrationForm{
    position: absolute;
    left:0;
}
#loginForm{
    position: absolute;
    left:-300px; 
}
/* #active{
    width:100px;
    border: none;
    background:red;
    height: 3px;
    margin-top:8px;
    transform:translateX(60px);

} */
#footer_place_bottom{
    position: absolute;
    bottom:0;
    width:100%;
}