/* GENERAL CLASSES FOR USER SECTION xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div.main_form_head{
        top     : -30px;
}

h2.center{
        text-align  : center;
}

div.main_form_box#user_box{
        width           : 400px;
        padding         : 0px 40px 20px 40px;
        border          : 1px solid #666666;
        margin-bottom   : 30px;
        box-shadow      : 2px 0px 5px 1px rgb(0 0 0 / 45%);
        position        : relative;
        left            : 50%;
        transform       : translateX(-50%);        
}

@media(max-width: 600px){
    
        div.main_form_box#user_box{
                width   : 90%;
                padding : 0px 20px 20px 20px;
        }
}

/* SIGNUP PAGE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div.main_form_box.wide_box#user_box{
        width           : 700px;
}

@media(max-width: 600px){
    
        div.main_form_box.wide_box#user_box{
                width   : 90%;
                padding : 0px 20px 20px 20px;
        }
}