#post-section .post-section {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.38;
    color: var(--corTextoCinza);
    background-color: var(--corBranco);
    margin: 0;
    padding: 10px;
}

#post-section .title, .subtitle, .heading, a {
    color: var(--corOdisseusPurple);
}

#post-section .title {
    font-size: 20pt;
    font-weight: 800;
    margin-top: 14pt;
    margin-bottom: 6pt;
}

#post-section .subtitle {
    font-size: 16pt;
    font-weight: 700;
    margin-top: 14pt;
    margin-bottom: 6pt;
}

#post-section .heading {
    font-size: 14pt;
    font-weight: 600;
    margin-top: 12pt;
    margin-bottom: 12pt;
}

#post-section .paragraph, .post-section li {
    font-size: 11pt;
    text-align: justify;
    margin-top: 0pt;
    margin-bottom: 10pt;
}

#post-section a {
    text-decoration: none;
}

#post-section hr {
    margin: 20px 0;
    border: none;
    border-top: 1px solid #ddd;
}

#post-section .author {
    font-size: 9pt;
}

/* Media Queries for Responsive Design */
/* For tablets and medium screens */
@media only screen and (max-width: 768px) {
    #post-section .title {
        font-size: 18pt;
    }

    #post-section .subtitle {
        font-size: 14pt;
    }

    #post-section .heading {
        font-size: 12pt;
    }

    #post-section .paragraph {
        font-size: 10pt;
    }

    #post-section .author {
        font-size: 8pt;
    }
}

/* For mobile devices and small screens */
@media only screen and (max-width: 480px) {
    #post-section .title {
        font-size: 16pt;
        margin-top: 12pt;
    }

    #post-section .subtitle {
        font-size: 13pt;
    }

    #post-section .heading {
        font-size: 11pt;
        margin-top: 10pt;
    }

    #post-section .paragraph {
        font-size: 9pt;
    }
    #post-section .author {
        font-size: 7pt;
    }

    #post-section .post-section {
        padding: 5px;
    }
}

/* Dark Mode Preferences */
/*@media (prefers-color-scheme: dark) {
    #post-section .post-section {
        background-color: #1e1e1e;
        color: #cccccc;
    }

    #post-section .title, .subtitle, .heading, a {
        color: #dddddd;
    }

    #post-section hr {
        border-top: 1px solid #444;
    }
}*/

/* Adjusting for users who prefer reduced motion (disabling animations) */
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none;
        transition: none;
    }
}

/* Adjusting font size based on user preferences */
/*@media (prefers-reduced-motion: no-preference) {
    html {
        font-size: calc(1em + 1vw);
    }
}*/