/* simple reset rule to set page defaults */
* {
    margin: 0px;
    padding: 0px;
    border: 0px;
    box-sizing: border-box;
    position: relative;
}

/* default root styles */
html {
    font-size: 62.5%;
    /* css variables for colors */
    --color-deepocean: 32, 47, 57;
    --color-greenapple: 0, 255, 157;
    --color-aqua: 100, 255, 255;    
    --color-darkaqua: 10, 200, 200;
    --color-ocean: 0, 184, 175;
    --color-tan: 203, 172, 136;
    --color-darkocean: 50, 90, 90;
    --color-midgrey: 169, 169, 169;
    --color-offwhite: 219, 212, 211;
    /* css variables for animations */
    --animation-fast-timing: 200ms ease-in-out;
}

::selection{
    color: rgb(var(--color-aqua));
    background: rgb(var(--color-ocean));
}

/* other styling */
body {
    font-family: monospace;
    background-color: rgb(var(--color-darkocean));
    color: rgb(var(--color-aqua));
    font-size: 1.4rem;
}

h1, h2, h3, h4, h5, h6, p, a, dt, dd, hr{
    z-index: 10;
}