/*
 * 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.
 */

.snow-flake {
    background-color: #000000;
}

@media(prefers-color-scheme: dark) {
    .snow-flake {
        background-color: #FFFFFF;
    }
}

.site-content {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    padding: 2rem;
}

.post-image {
    max-width: 100%;
    height: auto;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}