body {
    background-color: white;
}

#logo_login_page {
    width: 115px;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
}

#display {
    padding: 20px;
    margin: 20px;
    margin-top: 20px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
    height: 770px;
}




#top_bar_sketchUnivercity_wrap_login {
    position: relative;
    left: 0px;
    top: 0px;
    font-size: 15px;
}

#table_login {
    
    width: 308px;
}

#table_login td {
    padding: 4px;
}

#button_login {
    
    background-color: var(--BLUE);
    border-color: #3172b8;
    transition: background-color 0.2s;
    font-family: 'DB_1';
    font-size: 19px;
    padding: 3px 33px;
}

#button_login:hover {
    
    background-color: var(--BLUE_HOVER);
}


#sign_up_text {
    font-size: 13px;
    cursor: pointer;
    color: #636363;
    
    transition: color 0.2s;
    font-family: 'DB_1';
    font-size: 19px;
    padding: 3px 33px;
}

#sign_up_text:hover {  
    color: var(--RED)

}


#text_or {
    margin-top: 35px;
    width: 350px;
}

#image_sign_in_with_google {
    margin-top: 10px;
    width: 301px;
    cursor: pointer;
    transition: brightness 0.2s;
}

#image_sign_in_with_google:hover {
    filter:brightness(110%);
}

.icon_login_form{
    width: 27px;
    margin-bottom: 2px;
}







/* ----- Admin Login Page ----- */

#image_administrator {
    width: 145px;
    position: relative;
    top: -3px;
}