* {
    margin: 0;
    padding: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    border-style: solid;
    border-width: 0;
}

img {
    max-inline-size: 100%;
}

.homeNav {
    animation: scroll-transition;
    animation-timeline: scroll(y);
}

a {
    cursor: pointer;
    text-decoration: none;
}

@keyframes scroll-transition {
    to {
        background-color: var(--primary-color);
        color: var(--color);
    }
}

::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

/* @link https://utopia.fyi/type/calculator?c=360,24,1.2,1240,32,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
    --primary-color: hsl(0, 0%, 0%);
    --color: hsl(0, 0%, 100%);
    --base-font: "Lora", sans-serif;
    --rocksalt: "Rock Salt", sans-serif;

    --step--2: clamp(0.7813rem, 0.7081rem + 0.325vw, 0.96rem);
    --step--1: clamp(0.9375rem, 0.8301rem + 0.4773vw, 1.2rem);
    --step-0: clamp(1.125rem, 0.9716rem + 0.6818vw, 1.5rem);
    --step-1: clamp(1.35rem, 1.1352rem + 0.9545vw, 1.875rem);
    --step-2: clamp(1.62rem, 1.3239rem + 1.3159vw, 2.3438rem);
    --step-3: clamp(1.944rem, 1.5408rem + 1.7922vw, 2.9297rem);
    --step-4: clamp(2.3328rem, 1.789rem + 2.4169vw, 3.6621rem);
    --step-5: clamp(2.7994rem, 2.0719rem + 3.2332vw, 4.5776rem);

    --space-3xs: clamp(0.3125rem, 0.2869rem + 0.1136vw, 0.375rem);
    --space-2xs: clamp(0.5625rem, 0.4858rem + 0.3409vw, 0.75rem);
    --space-xs: clamp(0.875rem, 0.7727rem + 0.4545vw, 1.125rem);
    --space-s: clamp(1.125rem, 0.9716rem + 0.6818vw, 1.5rem);
    --space-m: clamp(1.6875rem, 1.4574rem + 1.0227vw, 2.25rem);
    --space-l: clamp(2.25rem, 1.9432rem + 1.3636vw, 3rem);
    --space-xl: clamp(3.375rem, 2.9148rem + 2.0455vw, 4.5rem);
    --space-2xl: clamp(4.5rem, 3.8864rem + 2.7273vw, 6rem);
    --space-3xl: clamp(6.75rem, 5.8295rem + 4.0909vw, 9rem);

    /* One-up pairs */
    --space-3xs-2xs: clamp(0.3125rem, 0.1335rem + 0.7955vw, 0.75rem);
    --space-2xs-xs: clamp(0.5625rem, 0.3324rem + 1.0227vw, 1.125rem);
    --space-xs-s: clamp(0.875rem, 0.6193rem + 1.1364vw, 1.5rem);
    --space-s-m: clamp(1.125rem, 0.6648rem + 2.0455vw, 2.25rem);
    --space-m-l: clamp(1.6875rem, 1.1506rem + 2.3864vw, 3rem);
    --space-l-xl: clamp(2.25rem, 1.3295rem + 4.0909vw, 4.5rem);
    --space-xl-2xl: clamp(3.375rem, 2.3011rem + 4.7727vw, 6rem);
    --space-2xl-3xl: clamp(4.5rem, 2.6591rem + 8.1818vw, 9rem);

    /* Custom pairs */
    --space-s-l: clamp(1.125rem, 0.358rem + 3.4091vw, 3rem);

    --grid-max-width: 93rem;
    --grid-gutter: var(
        --space-s-l,
        clamp(1.125rem, 0.5266rem + 2.6596vw, 3rem)
    );
    --grid-columns: 12;
}

body,
p {
    font-family: var(--base-font);
    font-size: 1rem;
}

body button {
    font-size: var(--step-0);
    cursor: pointer;
    background-color: var(--primary-color);
    color: var(--color) !important;
}

button {
    padding: 1rem;
}

body,
h1,
h2,
h3,
p {
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
p {
    max-inline-size: 60ch;
}