* {
    font-family: 'Open Sans', sans-serif;
}

.desk_title {
    margin: auto;
    background-color: #008CBA;
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: right;
    font-size: 20px;
    margin: 4px 2px;
    opacity: 0.6;
    transition: 0.5s;
    border-radius: 5px;
    display: inline-block;
    width: 99%;

}


.user_title {
    margin: auto;
    background-color: #778fa2;
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: right;
    font-size: 20px;
    margin: 4px 2px;
    opacity: 0.6;
    transition: 0.5s;
    border-radius: 5px;
    display: inline-block;
    width: 99%;
}


.desk_info, .user_info {
    margin: auto;
    border: 2px solid #008CBA;
    padding: 16px 32px;
    text-align: right;
    font-size: 15px;
    margin: 4px 2px;
    opacity: 0.6;
    transition: 0.5s;
    border-radius: 5px;
    display: inline-block;
    width: 99%;

}

.login_user{
    position: absolute;
    top:  50%;
    left: 50%;
    transform: translate(-50%,-50%);
    

    background-color: #778fa2;
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    font-size: 20px;

    opacity: 0.6;
    transition: 0.5s;
    border-radius: 5px;
    display: inline-block;
    width: 30%;
    height: 45%;
}

.title_login{
    margin: auto;
    background-color: #05baf7;
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    margin: 1px 0.5px;
    opacity: 0.7;
    transition: 0.5s;
    border-radius: 5px;
    display: inline-block;

    position: absolute;
    top:  20%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 25px;

    width: 30%;
}

.input_login{
    margin-bottom: 7%;
    margin-top: 2%;
    font-size: 20px;
    text-align: center;
}

.desk_tree {

    margin: auto;
    background-color: #05baf7;
    border: none;
    color: white;
    padding: 4px 8px;
    text-align: center;
    margin: 1px 0.5px;
    opacity: 0.7;
    transition: 0.5s;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
}

.op1:hover{
    opacity: 1 
}

.desk_child {
    text-align: right;
}

.btn_login{
    margin: auto;
    background-color: #05baf7;
    border: none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    margin: 1px 0.5px;
    opacity: 0.7;
    transition: 0.5s;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
}

.btn_logout{
    margin: auto;
    background-color: #05baf7;
    border: none;
    color: white;
    padding: 4px 8px;
    text-align: center;
    margin: 1px 0.5px;
    opacity: 0.7;
    transition: 0.5s;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
}