body[id] {
    padding-top: 56px !important;
}

body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea, #root > div.App, .container, .container-fluid {
    background-color: #0a0d10 !important;
}
.navbar {padding: 0}
.navbar > .container-fluid {padding: 8px 6px !important}

@keyframes transition-up {
    from {
        top: -2px;
    }
    to {
        top: -200px;
    }
}

.srd {
    position: fixed;
    top: -2px;
    left: calc(50% - 350px / 2);
    z-index: 1;
    width: 350px;
    animation-name: transition-up;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 2000ms;
    border: 1px solid #8d8d8d;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}
.site-banner, .site-banner-hole {
    width: 100%;
    max-height: 200px !important;
    object-fit: cover;
}


.post-meta, .comment-anchor .user-info {
/* background-color: #1c1f23;
    border: 1px solid #13181e;
    border-radius: 4px;
*/

    overflow: visible;
    padding: 4px 0px;
}

.posts .post-meta > div:first-child,
#post-root .post-meta,
.comment-anchor .user-info {
    display: flex;
    align-items: center;
}

.post-meta .user-name,
.comment-anchor .user-name {
    width: min-content;
    height: min-content;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: min-content min-content;
    grid-column-gap: 8px;
    align-content: center;
}

.profile-pic-30-wrapper {
    margin: 0 !important;
}

.profile-pic-30-wrapper .profile-pic-30 {
        position: absolute;
}
.profile-pic-30-wrapper .profile-pic-30-hat {
    position: relative;
}

.user-name > div + span {
    text-align: center;
    align-self: center;
}

.fa-badge-check {
    position: relative;
    left: 8px;
    top: -10px;
    z-index: 100;

}

.post-meta > div > span + span + span {
    color: #666666;
}




.card-block {
    display: flex;
    flex-direction: column;
}

.card-block .card-title {
    order: 1;
}
.card-block > * {
    order: 2
}

.card {
    border: 1px solid #13181e !important;
    border-radius: 4px !important;
    margin-bottom: 4px;
    padding: 0px 8px 8px 4px !important;
}
/* Even */
.card:nth-of-type(2n) {
    background-color: #313842 !important;
}
/* Odd */
.card:nth-of-type(2n-1) {
    background-color: #252a31 !important;
}


/* Even */
.card:nth-of-type(2n) {
    background-color: #2b333e !important;
}
/* Odd */
.card:nth-of-type(2n-1) {
    background-color: #21262d !important;
}


.card-title, .comment-text {
     background-color: #1c1f23;
    border: 1px solid #13181e;
    width: 100% !important;

    border-radius: 4px;
    margin-bottom: 5px;
    padding: 6px 5px !important;
}
.container .posts .card .card-title a:link {
    color: #aa83ff !important;
    font-weight: 500;
}
.container .posts .card .card-title a:visited {
    color: #7e798a !important;
}


.container {
background-color: #15181c !important;
}

a.mr-2[href^="/h/"] {
    display: none !important;
}