@font-face {
    font-family: GomePixelRounded;
    src: url("/resources/GomePixelRounded.woff") format("woff");
}

:root {
    --background: #222;

    --light-orange: #FF9A56;
    --dark-orange: #D52D00;
    --orange: #EF7627;

    --light-pink: #D162A4;
    --dark-pink: #A30262;
    --pink: #B55690;

    --header-color: var(--light-orange);
    --text-color: #FFF;

    --default-font: Helvetica, Sans-Serif;
    --header-font: "GomePixelRounded", var(--default-font);
    --monospace-font: Courier;

    --small-text: 0.5rem;
    --regular-text: 1rem;
    --large-text: 1.5rem;
    --huge-text: 2.5rem;

    --small-radius: 2px;
    --normal-radius: 5px;
    --large-radius: 10px;

    --link-color: #77DD77;

    --box-color: #111;
    --border-color: var(--light-pink);

    --small-gap: 5px;
    --normal-gap: 10px;
    --large-gap: 30px;

    --primary-width: 80vw;
}

* {
    padding: 0;
    margin: 0;
}

body {
    background: var(--background);

    color: var(--text-color);
    max-width: 100vw;

    font-family: var(--default-font);
}

a {
    color: var(--link-color);
}