/* GENAERAL */
*, *::before, *::after {
    box-sizing: border-box;
}

/* CUSTOM PROPERTIES */

:root {
    /* Colors */
    --color-black: #232222;
    --color-white: rgb(255, 255, 255);
    --color-white-transparent: rgba(255, 255, 255, 0.7);
    --color-dark-blue: #163763;
    --color-light-blue: #7e9ec7;
    --color-background: #fff5e8;
    --color-yellow: #F7C451;
    --color-orange: #e3ae84;
    --color-beige: #eeddc2;
    --color-brown: #536b30;
    --color-light-green: #dae0db;
    --color-green: #17391E;
    --color-dark-brown: rgba(70, 50, 39, 0.6);

    /* Font families */
    --font-family--standard: 'Calibri Light', sans-serif;
    --font-family--heading: 'IndieFlower', sans-serif;

    /* Font sizes */
    --font-size--micro: .75rem; /* 12px */
    --font-size--milli: .875rem; /* 14px */
    --font-size--uno: 1rem; /* 16px */
    --font-size--kilo: 1.125rem; /* 18px */
    --font-size--mega: 1.5rem; /* 24px */
    --font-size--giga: 1.625rem; /* 26px */
    --font-size--tera: 2rem; /* 32px */
    --font-size--peta: 2.5rem; /* 40px */
    --font-size--exa: 2.75rem; /* 44px */
    --font-size--zetta: 3rem; /* 48px */
    --font-size--yotta: 4rem; /* 64px */

    /* Spacing */
    --spacing--pico: .25rem; /* 4px */
    --spacing--nano: .5rem; /* 8px */
    --spacing--micro: .75rem; /* 12px */
    --spacing--milli: .875rem; /* 14px */
    --spacing--uno: 1rem; /* 16px */
    --spacing--kilo: 1.25rem; /* 20px */
    --spacing--mega: 1.5rem; /* 24px */
    --spacing--giga: 2rem; /* 32px */
    --spacing--tera: 2.5rem; /* 40px */
    --spacing--peta: 3rem; /* 48px */
    --spacing--exa: 3.75rem; /* 60px */
    --spacing--zetta: 5rem; /* 80px */
    --spacing--yotta: 6rem; /* 96px */
    --spacing--max: 107, 5rem; /* 1720px */

}

@font-face {
    font-family: 'IndieFlower';
    src: url('/fonts/IndieFlower-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: var(--color-background);
    color: var(--color-black);
    margin: 0 auto;
    overflow-x: hidden;
}

html {
    color: var(--color-black);
    font-family: var(--font-family--standard);
    font-size: var(--font-size--uno);
    line-height: var(--spacing--giga);
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
}

main {
    position: relative;
}

.legal {
    padding-bottom: 4rem;
}

.informal {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

li::before {
    content: "\200B";
    position: absolute;
}


.visibility-hidden {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    margin: -1px !important;
}

p:empty {
    display: none;
}

/* HEADING */

.heading {
    color: var(--color-black);
    font-family: var(--font-family--heading);
    font-style: italic;
}

h1 {
    font-size: var(--font-size--giga);
}

h2 {
    font-size: var(--font-size--mega);
    position: relative;
}

h3 {
    font-size: var(--font-size--kilo);
}

h4 {
    margin-bottom: 0;
}

small {
    font-size: 0.75rem;
}

address {
    font-style: normal;
}

@media (min-width: 64rem) {
    html {
        font-size: var(--font-size--kilo);
    }

    h1 {
        font-size: var(--font-size--peta);
    }

    h2 {
        font-size: var(--font-size--giga);
    }

    h3 {
        font-size: var(--font-size--mega);
    }
}