* {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

:root {
    --color-background: darkgray;
    --color-footer-bg: #efefef;
    --color-text: #555555;
    --color-header: #00424a;
}

body {
    background-color: var(--color-background);
    color: var(--color-text);
}

header {
    width: 100vw;
    height: 50px;
    background-color: var(--color-header);
    color: var(--color-footer-bg);
}

header h1::before {
    content: "☢️ ";
}

header h1 {
    padding: 0 0 0 1rem !important;
}

section {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    gap: 0;
    width: 50vw;
    height: auto;
    margin: 0 auto !important;
}
article {
    padding: 2rem 0 2rem 0 !important;
    font-size: 2rem;
}

/*article ul {
}*/

article ul li {
    list-style-type: symbols("💯");
}
article ul li a {
    text-decoration: none;
    color: var(--color-header);
    font-family: sans-serif;
}
article ul li a:hover {
    color: var(--color-text);
}

footer {
    background-color: var(--color-footer-bg);
    color: var(--color-text);
    display: grid;
    position: fixed;
    bottom: 0;
    width: 100vw;
    padding: 1rem !important;
}
footer p {
    text-align: center;
    font-size: 0.75rem;
    font-family: sans-serif;
}

footer a {
    text-decoration: none;
    font-family: sans-serif;
    color: var(--color-header);
}

footer a:hover {
    color: var(--color-text);
}