:root {
    /* Palette extracted with https://color.adobe.com/fr/create/image 
       from multiple frames of https://www.youtube.com/watch?v=K0v0lTbZnvM */
    --clr-purple: #805BA6;
    --clr-blue: #434A73;
    --clr-green: #78BF7D;
    --clr-white-yellow: #FEF0D3;
    --clr-yellow: #FDD372;
    --clr-orange: #DF9C36;
    --clr-red: #BA5D5D;
    --clr-dark-red: #732027;
    --clr-cyan: #C4E1F2;
    --clr-white: #F2F2F2;
    --clr-black: #242326;
    --clr-mauve: #D99191;
    --clr-pink: #F28891;
    --clr-dark-grey: #343740;
    --clr-dark-green: #365659;
    --clr-white-lines: #DDDDDD;
    line-height: 20px;
}

@font-face {
    font-family: "ShantellSans";
    src: url("/fonts/ShantellSans-VariableFont_BNCE,INFM,SPAC,wght.ttf");
}

html {
    background-color: var(--clr-white);
    background-size: 100% 1rlh;
    background-image: linear-gradient(transparent 0%, var(--clr-white-lines) 5%, transparent 10%);
    color: var(--clr-black);
    padding-top: 0.15rlh;
    font-size: 0.7rlh;
    font-family: "ShantellSans", cursive;
}

body,
p,
pre,
hr {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3 {
    line-height: 2rlh;
    margin: 1rlh 0 0 0;
    padding: 0;
}

h4,
h5,
h6 {
    line-height: 1rlh;
    margin: 1rlh 0 0 0;
    padding: 0;
}