@import "@fontsource/quicksand";
@import "@typopro/web-fantasque-sans-mono/TypoPRO-FantasqueSansMono-Regular";
@import "reset";
@import "utilities";
@import "links";
@import "site-header";
@import "figure";
@import "article-main";
@import "chat";
@import "footnotes";
@import "details";
@import "tables";
@import "article-list";
@import "paginator";
@import "drop";
@import "site-footer";
@import "form";
@import "gallery";

:root {
    --body-width: 800px;
    --design-width: calc(800px + 4rem);
}

html,
body {
    max-width: 100vw;
    height: 100vh;
    background-color: #030712;
    color: #e4f1fe;
    padding: 0 .5rem;
}

body {
    font-family: "Quicksand";
    margin: auto;
    font-size: 24px;
}