body{
    background: #1b2838;
}
.comment26-header {
    width: 100%;
    background: rgba(58, 62, 71, 0.5);
    display: flex;
    padding: 15px;
    gap: 15px;
}

.comment26-avatar-container {
    width: 66px;
}

.comment26-avatar-img {
    position: absolute;
    margin-top: 10%;
    margin-left: 9%;
    width: 82%;
    height: auto;
}

.comment26-avatar-border {
    position: absolute;
    width: 100%;
    height: auto;
}

.comment26-user-info {
    display: flex;
    align-items: baseline;
    margin-top: 20px;
    gap: 8px;
}

.comment26-username {
    text-decoration: none;
    color: white;
    font-size: 26px;
}

.comment26-separator {
    color: white;
}

.comment26-nav-link {
    text-decoration: none;
    color: white;
    font-size: 13px;
}


.bottom-div{
    display: flex;
    position: relative;
    padding-top: 3px;
    margin-left: -5px;
    font-size: 14px;
}

.bottom-div a{
    white-space: nowrap;
    margin-top: 6px;
    display: block;
    float: left;
    color: #dadada;
    background-color: #0006;
    line-height: 29px;
    height: 29px;
    padding: 0 12px;
    margin-left: 5px;
    text-decoration: none;
}

.bottom-div a.active{
    border-radius: 2px;
    line-height: 36px;
    height: 35px;
    padding: 0 19px;
    margin-top: 0;
    background: linear-gradient(to bottom, #5aa9d6 5%, #417b9c 95%);
    color: white;
}

.bottom-bar{
    background-color: #417b9c;
    width: 100%;
    height: 5px;
}

.bottom-select{
    padding: 3px 0 3px 0;
    display: none;
    text-align: center;
    background: #0d121a;
    border: 1px solid #66C0F4;
    border-image: linear-gradient(#66C0F4, #417B9c);
}

.game-select{
    color: #ffffff;
    background: #3a6d8b;
    padding: unset;
    border: none;
    font-size: 16px;
    height: 24px;
    width: 96%;
    font-weight: 200;
}


@media (max-width: 910px) {
    .bottom-div{
        display: none;
    }

    .bottom-select{
        display: block;
    }
}