/*
 * 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.
 */
body, html {
    margin: 0px;
}

body {
    font-family: "Newsreader", serif, Roboto, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    overflow: scroll;
    min-width: 1400px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex-grow: 1;
}

a {
    text-decoration: none;
}

#center-column {
    max-width: 1500px;
    margin: 0 auto;
    margin-top: 30px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-columns: 10fr 6fr;
    gap: 50px;
}

h1 {
    grid-row: 1/2;
    text-align: center;
}