body {
    background-image: linear-gradient(180deg, var(--bs-secondary-bg), var(--bs-body-bg) 100px, var(--bs-body-bg));
    font-family: sans-serif;;
}

a {
    text-decoration: none;
    vertical-align: baseline;
}

pre {
    font-family: sans-serif;
    margin-bottom: 0;
}

.nav-link {
    font-family: Georgia, serif;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
}

.action-link {
    font-family: Georgia, serif;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
}
.action-link-sub {
    font-family: Georgia, serif;
    text-decoration: none;
    font-size: 0.8em;
    font-weight: bold;
}

.post-block {
    padding: 5px 0;
}

.content {
    white-space: pre-wrap;
    overflow-x: auto;
    font-size: 1.2em;
    padding: 5px 0;
}

.comment-content {
    white-space: pre-wrap;
    overflow-x: auto;
    font-size: 1.0em;
    padding: 5px 0;
}

.post-info {
    font-size: 0.85em;
    color: #666;
    background-color: #fafafa;
    font-style: italic;
    padding: 5px 2px;
}

.comment-info {
    font-size: 0.85em;
    color: #666;
    background-color: #fafafa;
    font-style: italic;
    padding: 5px 2px;
}

h1,h2,h3,h4,h5 {
    font-family: Georgia, serif;
    font-weight: bold;
}

.post-img {
    max-width: 100%;
}

.container {
    max-width: 860px;
}

.pricing-header {
    max-width: 700px;
}

.error {
    color:orangered;
}

.uploaded-images {
    float: left; 
    position: relative;
    padding: 5px 0;
}

.uploaded-images img {
    padding: 3px 10px;
}

.upload-thump {
    display: inline-block;
}
.upload-thump-delete-icon {
    display: flex; 
    justify-content: center;
}

.page-bar {    
    font-family: Georgia, serif;
    font-weight: bold;
    font-size: 0.8em;
    display: flex; 
    justify-content: center;
    padding: 20px 0;
}

.tip-text {
    font-size: 0.7rem;
    color: #959595;
}






#chatDiv{
    height:300px;
    overflow-y: scroll;
}

.msg-line {
    font-size: 0.85rem;
}

.form-label {
    color: #666;
    font-size: 0.8rem;
}

.chat-message {

}

.me-message {
    font-weight: bold;
    color: #656565;
}

.msg-nickname {
    font-style: normal;
    font-weight: normal;
    color: #656565;
}

a.nicklink {
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    color: #656565;
}