:root {
    --colour001: #16161d; /* Eigengrau */
    --colour002: #800000; /* Maroon */
    --colour003: #b22222; /* Firebrick */
    --colour004: #dc143c; /* Crimson */
    --colour005: #ff0000; /* Red */
    --colour006: #191970; /* Midnightblue */
    --colour007: #1e90ff; /* dodgerblue */
    --colour008: #4682b4; /* steelblue */
    --colour009: #87ceeb; /* skyblue */
    --colour010: #00ffff; /* aqua */
    --colour011: #f5f5f5; /* Whitesmoke */
    --colour012: #f8f8ff; /* Ghostwhite*/
    --colour013: #ffffff; /* White */
    --colour014: #f0f8ff; /* Aliceblue */
    --colour015: #f0ffff; /* Azure */
    --colour016: #008000; /* Green */
    --colour017: #006400; /* Darkgreen */
    --colour018: #adff2f; /* Greenyellow */
    --colour019: #800080; /* Purple */
    --colour020: #8a2be2; /* Blueviolet */
    --colour021: coral;
    --colour022: chocolate;
    --colour023: orangered;
}

*,*::before,*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: var(--colour012);
    color: var(--colour001);
    font-family: 'Sen', sans-serif;
}

h1, h2, h3, p {
    font-size: inherit;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h4, h5, h6 {
    display: none !important;
    all: unset !important;
}

h1 {
    font-size: 1.75rem;
    font-weight: bold;
}

h2 {
    font-size: 1.5rem;
    font-weight: 600;
}

h3 {
    font-size: 1.25rem;
    font-weight: bold;
}

p {
    font-size: 1rem;
}

p + p {
    margin-top: .75rem;
}

h1 + p, h2 + p, h3 + p, p + h2, p + h3 {
    margin-top: 1rem;
}

a {
    text-decoration: none;
    color: var(--colour002);
}

a:hover {
    color: var(--colour003);
}

a:visited {
    color: var(--colour006);
}

header, main, footer {
    width: 100%;
    height: auto;
}

@media (max-width:768px) {

    h1 {
        font-size: 1.50rem;
        font-weight: bold;
    }

    h2 {
        font-size: 1.25rem;
        font-weight: 600;
    }

    h3 {
        font-size: 1.15rem;
        font-weight: bold;
    }

    p {
        font-size: .875rem;
    }

    p + p {
        margin-top: .75rem;
    }

    h1 + p, h2 + p, h3 + p {
        margin-top: 1rem;
    }
}