/* User account page */
div.user {
    background-color: var(--page-background);
    position: relative;
    top: 10px;
    width: calc(100% - 10px);
    height: calc(100% - 20px);
    border-width:5px;
    border-style:dotted solid;
    border-color: var(--accent-colour-dark);
}

div.user_avatar {
    float:left;
    margin-left: 10px;
    height: 200px;
    max-width: 240px;
    background-color: var(--page-background-light);
}

div.user_avatar img {
    border:none;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

div.user_username {
    position: absolute;
    left: 265px;
    top: 30px;
    font-weight:bold;
    font-size:22px;
    color:#009;
    margin-bottom: 10px;
    border-bottom: 1px solid #000000;
}

div.userdata {
    position: relative;
    left: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size:16px;
}

div.userdata_right {
    position: absolute;
    left: 300px;
    margin-top: -24px;
    margin-bottom: 0px;
    font-size:16px;
}

div.status {
    position: absolute;
    right: 30px;
    top: 65px;
    font-weight:bold;
    font-size: 22px;
    color:#029;
    margin-bottom: 5px;
}

div.last_seen {
    position: absolute;
    right: 30px;
    top: 35px;
    font-size: 18px;
    font-weight:bold;
    color:#009;
    margin-bottom: 5px;
}