*{padding: 0px; margin: 0px; font-family: 'Play', sans-serif}
.page_container_coloumn{display: flex; flex-direction: column; min-height: 100vh; background: #dedede}
.grow_1{flex-grow: 1}
#login_top{ height: 80px; background: #BD2F25; box-shadow: 0px 2px 5px #333333;
    z-index: 1;
    display: flex; align-items: center; padding-left: 40px; box-shadow: 0px 2px 4px 0px #333333;
}
.span_black{color: #333333;font-weight: bolder; font-size: 1.5em; text-shadow: 1px 1px 1px  #333333}
.span_white{color: #ffffff;font-weight: bolder; font-size: 1.5em; text-shadow: 1px 1px 1px  #333333}
#login_middle{ flex-grow: 1; display: flex; justify-content: space-between; background: url('../img/fundologuin.png'); background-size: 2500px; background-repeat: no-repeat}

#login_middle_left{display: flex; flex-direction: column;  }
#login_middle_rigth{ width: 500px; background: rgba(0,0,0,0.8); display: flex; justify-content: center }

#login_middle_center{align-self: center; flex-grow: 1}
#login_middle_center img{width: 90%; max-width: 650px}

#ligieri{background: url("../img/ligieri.png"); background-repeat: no-repeat; background-size: 100%; height: 500px; width: 300px; background-position: bottom}
#login_container{
    justify-content: center;
    background: rgba(222,222,222,1); align-self: center; height: 60%; width: 80%; border-radius: 5px; border: solid 1px #000000;
    display: flex; flex-direction: column; padding: 15px;

}
#login_container input{ padding: 5px 15px; margin-bottom: 20px; font-size: 1.3em; border: solid 1px #3E3E3E; border-radius: 5px; font-weight: bolder; color: #627286}
#login_container input:focus{outline: none; box-shadow: 0px 0px 3px 1px #5F95BC; border: solid 1px #627286;  }
#enter{
    width: 100px;
    text-align: center;
    background: #627286 ;
    color: #ffffff;
    font-weight: bolder;
    font-size: 1.3em;
    border: solid 1px #000000;
    border-radius: 5px;
    align-self: flex-end;
    box-shadow: 1px 1px 3px #000000;
    cursor: pointer;
    padding: 10px 20px;
}
#enter:hover{background: #5F95BC}
#login_middle_mask{background: rgba(222,222,222,0.85); padding-left: 40px; display: flex; justify-content: space-between; width: 100%}



#login_foot{ background: #ffffff; height: 300px; display: flex; justify-content: space-around; align-items: center; box-shadow: 0px -2px 4px 0px #333333}
.foot_options{cursor: pointer; flex-grow: 1; display: flex; justify-content: center; height: 100%; align-items: center}
.foot_options span:hover{color: #BD2F25}
.foot_options span{font-weight: bolder; font-size: 2.0em; color: #222222}