// variables
// not working???
// using a style tag in index.html to fix
:root {
    --text-color: #e3f5fd;
    --background-color: #091013;
    --primary-color: #7fd2f6;
    --secondary-color: #433864;
    --accent-color: #e61a9f;
}


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

a {
    color: var(--accent-color);
}

h2 {
    margin: 8px 0px;
}

.header {
    text-align: center;
}

.content {
    padding: 10px;
    margin: 0px 100px;
    background-color: hsl(from var(--primary-color) h s l / 5%);
}