body {
    color: beige;
    background-color: #0d0d0e;
}
button {
    color: black;
}
.header {
    background-color: #151515;
    padding: 15px;
    text-align: center;
}
#container {
   min-height: 100vh;
   position: relative;
}
.container{
    padding-bottom: 100px;
    padding-top: 8px;
    max-width: 700px;
}
.footer {
    background-color: #151515;
    padding: 15px;
    text-align: center;
    position:absolute;
    bottom: 0;
    width: 100%;
    height: 100px; 
}
.copyright {
    color: #333;
}
.sub-footer {
    padding-top: 25px;
    padding-bottom: 5px;
}
.comment-box {
    background-color: #0c0c0c;
    padding-left: 8px;
    padding-top: 8px;
    border-radius: 15px 15px 0px 15px;
    margin-bottom: 8px;
    margin-left: 8px;
    min-width: 400px;
    max-height: 12000px;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(1,.01,0,.98);
}
.comment img {
    max-width: 100%;
    max-height: 900px;
}
hr {
    margin: 0px;
    margin-left: 7px;
    border-top: 0px solid #151515;
    background: linear-gradient(to right, rgba(34,34,34,1) 0%,rgba(34,34,34,0) 100%);
    height: 1px;
}
.comment-dark {
    background-color: #151515;
}
.comment-header {
    padding-left: 8px;
}
.link-line {
    padding-bottom: 8px;
}
.post-box {
    background-color: #151515;
    padding-left: 8px;
    padding-top: 8px;
    border-radius: 15px;
    margin-bottom: 10px;
}
.comment {
    padding: 8px;
    white-space: pre-wrap;
}
.nondis {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    height: 0px;
    display: none;
}
.mini {
    max-height: 40px;
    overflow: hidden;
}
#edit-box {
    display: none;
}
#reply-box {
    display: none;
}
.hider {
    display: inline-block;
    cursor: pointer;
    font-size: 80%;
    padding-right: 4px;
    position: relative;
    top: -2px;
}
.author {
    display: inline-block;
    font-size: 110%;
}
.author a {
    color: orange;
    text-decoration: none;
}
.timestamp {
    color: mediumseagreen;
    display: inline-block;
    font-size: 90%;
    padding-left: 5px;
    font-size: 90%;
}
.edit-timestamp {
    color: mediumpurple;
    font-size: 70%;
}
.post-new {
    background-color: #151515;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 15px;
}
.post-reply {
    background-color: #1a1a1a;
    border-radius: 15px;
    padding: 8px;
    padding-bottom: 0px;    
}
.errors {
    color: red;
}
.error-box {
    color: red;
    margin: 5px;
    margin-top: -10px;
}
.cancel-button {
    color: black;
}
.cancel-container{
    margin-bottom: 0px;
}
.control-link {
    display: inline-block;
    font-size: 90%;
    margin: 0px 8px;
    color: indianred;
    cursor: pointer;
}
.edit-area {
    padding-left: 8px;
    padding-right: 8px;
}
.nav-link {
    padding: 15px;
}
.prewrap {
    white-space: pre-wrap;
}
.wide {
    width: 100%;
}
textarea, input {
    color: beige!important;
    background-color: #111!important;
}

.btn {
    color: #111!important;
    background-color: #33B775!important;
}

.btn-secondary {
    background-color: #337ab7!important;
}

a {
    text-decoration: none!important;
}