html {
    background: #333;
}

body {
    /* background: #393939; */
    background: #333;
    color: #999999;
}

.section {
    padding: 5px 20px;
}

.container .section {
    /* background: #393939; */
    background: #333;
}

.tabs {
    background: #333;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}

.tabs a {
    color: #ffffff;
}
.tabs a:hover {
    color: #ffffff;
    border-bottom-color: #00d1b2;
}

.content a:not(.button) {
    border-bottom: none;
}
.content a:not(.button):visited {
    color: #00d1b2;
}
.content a:not(.button):hover {
    border-bottom-color: none;
    color: #00d1b2;
}
.content {
    color: #cccccc;
    /* #a1adb9; */
}
.tabs li.offline a {
    color: orange;
}
.unread {
    color: #0088D1;
}

/* CBG added to make scrolling easier and prepend work better */
.media:first-of-type {
    /* Same color as page background so the border exists but is invisible */
    border-top: 1px solid #333;
    /* border-top: 1px solid rgba(219, 219, 219, 0.5); */
    margin-top: 10px;
    padding-top: 10px;
}

.isSel {
    /* background: #65624c; */
    /* background: #434343; */
    background: #434343;
}

.isSel .embed {
    border-top: none !important;
    padding-left: 20px;
    /* background: #1F1F1F; */
    /* background: #575542; */
    background: #383736;
    /* background: #434343; */
    border-radius: 5px;
}

.media .embed {
    padding: 5px 0px 5px 20px;
    margin: 0 5px 5px 0;
    /* margin-left: 20px; */
}

.embed {
    border-top: none !important;
    background: #1F1F1F;
    border-radius: 5px;
}

strong {
    color: #ffffff;
}

.media-content a {
    word-break: break-word;
    overflow-wrap: anywhere;
}

.media-content .content {
    word-break: break-word;
}

.media-left img {
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
}

.media-content p {
    line-height: normal;
}

.avatar {
    display: inline;
    border-radius: 50%;
    margin: 0 5px;
}    

.main {
    margin-top: 37px;
}

.badge {
    margin-left: 10px;
    background: gray;
    font-size: 11px;
    border-radius: 10px;
    text-align: center;
    line-height: 18px;
    color: white;
    font-weight: 700;
    padding: 0 5px;
    height: 18px;
}

.icon.svgi {
    line-height: initial;
    font-size: 21px;
}

.hide {
    display: none;
}

.title {
    color: #fff;
}

.tweetbar {
    padding-top: 20px;
}
.info .title {
    padding-right: 10px;
}

.ago {
    padding-top: 3px;
}

.fedi {
    color: #7fb9c7;
}