@import url('./css/fonts.css');
@import url('./css/basics.css');
@import url('./css/colours.css');
@import url('./css/misc.css');
@import url('./css/borders.css');
@import url('./css/markdown.css');
@import url('./css/code.css');

@view-transition {
    navigation: auto;
}

:root {
    scroll-behavior: smooth;
    text-wrap: pretty;
}

.underline {
    text-decoration: underline;
}

body {
    font-family: var(--font-teacpss), 'ui-sans-serif';
    font-size: 14px;
    background-color: var(--col-a-0);
    color: var(--col-a-15);
    max-width: 100vw;
}

@media (max-width: 720px) {
    body {
        font-size: 12px;
    }
}