@import "color-scheme.css";
@import "classes.css";
@import "fonts.css";
@import "glitch.css";

:root {
    font-size: 18px;
    font-family: departure-mono, system-ui;
    
    padding: 1rem;
    width: 1000px;
    max-width: calc(100% - 2rem);
    line-height: 1.4;
    margin: auto;

    color: var(--text);
    background-color: var(--background);
}

@media (min-width: 992px) {
    :root {
        font-size: 20px;
        font-family: departure-mono, system-ui;
        
        padding: 1rem;
        width: 1000px;
        max-width: calc(100% - 2rem);
        line-height: 1.4;
        margin: auto;
    
        color: var(--text);
        background-color: var(--background);
    }
}

@media (max-width: 768px) {
    :root {
        font-size: 14px;
        font-family: departure-mono, system-ui;
        
        padding: 1rem;
        width: 1000px;
        max-width: calc(100% - 2rem);
        line-height: 1.4;
        margin: auto;
    
        color: var(--text);
        background-color: var(--background);
    }
}