@font-face {
    font-family: NotoSans;
    src: url('../font/NotoSans-VariableFont_wdth,wght.ttf')
}

:root {
    --color-secondary: #EBEBD3;
    --color-success: #3F612D;
    --color-error: #6F1D1B;
    --font-family: NotoSans;
}

html, body {
    height: 100vh;
    margin: 0;
    padding: 0;
    user-select: none;
}

body {
    display: grid;
    grid-template-rows: min-content auto;
    font-family: var(--font-family), system-ui;
}

#app {
    height: 100vh;
}

header {
    background-color: aquamarine;
}

main {
    display: grid;
    grid-template-columns: auto minmax(33%, min-content);
}