/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

.link_class {
    color: darkseagreen;
    text-decoration: none;
    font-weight: bold;
}
.center2 {
    margin: auto;
/*    max-width: max-content;*/
}

.divtext {
    text-align: center;
    font-size: small;
    width: 632px;
}

.title {
    font-size: 18px;
/*        text-decoration: underline;*/
}

.backbutton {
    text-decoration: none;
    font-size: 14;
    text-align: center;
    color: darkseagreen;
}

.e-mail:before {
    content: attr(data-website) "\0040" attr(data-user);
    unicode-bidi: bidi-override;
    direction: rtl;
}

.emailbutton {
    text-decoration: none;
    font-size: x-large;
    text-align: center;
    font-weight: bold;
    color: white;
}

p {
    text-align: right;
}

img {
    height:332px;
    width: 100%;
}

span {
    text-align: center;
}

body {
 background-color: black;
 color: white;
 font-family: Tahoma, serif;
 font-size: 38;
}

/* Comment system styles */
.comments-section {
    margin-top: 20px;
    padding: 20px;
    border-top: 1px solid #333;
    background-color: #111;
    border-radius: 8px;
}

.comments-section h4 {
    color: darkseagreen;
/*    margin-bottom: 15px;*/
    font-size: 16px;
    text-align: left;
}

.comment {
    background-color: #222 !important;
    border: 1px solid #333;
    color: #ddd !important;
}

.comment p {
    color: #ddd !important;
    text-align: left !important;
    font-size: 14px !important;
}

.comment small {
    color: #888 !important;
}

.comment-form textarea {
    background-color: #333 !important;
    color: white !important;
    border: 1px solid #555 !important;
}

.comment-form textarea::placeholder {
    color: #aaa;
}

.comment-form input[type="submit"] {
    background-color: darkseagreen !important;
    border: none !important;
    transition: background-color 0.2s ease;
}

.comment-form input[type="submit"]:hover {
    background-color: #2e8b57 !important;
}

@media screen and (max-width: 960px) {
    .title {
        font-size: small;
/*            text-decoration: underline;*/
    }

    .divtext {
        width: 262px;
    }

    div {
/*        padding-bottom: 20px;*/
    }

    img {
        height:152px;
        width: 100%;
    }

    p {
        font-size: 28;
        text-align: right;
    }

    span {
        font-size: small;
        text-align: center;
        text-wrap: wrap;
    }