/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#user-page .nav a,
#user-page .logout {
    font-size: 12px;
    text-decoration: none;
    color: #000000;
    display: block;
    margin: auto;
    text-transform: uppercase;
}

#user-page .nav {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 197px;
}

#user-page .nav .current-page {
    color: #dddddd;
}

#user-page .logout {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

#user-page {
    padding-top: 164px;
}

@media (min-width: 1025px) {
    #user-page .nav {
        text-align: left;
        margin-left: 0;
        margin-bottom: 0;
    }

    #user-page .nav a,
    #user-page .logout {
        margin-left: 0;
        margin-bottom: 2px;
    }

    #user-page .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    #user-page .row .column.column-2 {
        margin-left: auto;
        margin-right: auto;
        -webkit-transform: translate(-57px, -5px);
            -ms-transform: translate(-57px, -5px);
                transform: translate(-57px, -5px);
    }
}