* {
    box-sizing: border-box;
}

body {
    margin: 0;

    background-color: #080b10;
    color: #f1f4f8;

    font-family: Arial, Helvetica, sans-serif;
}

header {
    padding: 20px;

    background-color: #101722;
    border-bottom: 2px solid #17263a;
}

.site-title {
    font-size: 2rem;
    font-weight: bold;
}

.site-title a {
    color: inherit;
    text-decoration: none;
}

nav {
    margin-top: 15px;
}

nav a {
    display: inline-block;
    padding: 10px 16px;
    margin-right: 5px;

    color: #f1f4f8;
    text-decoration: none;

    border-radius: 5px;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

/* Mouse is over a menu item */
nav a:hover {
    background-color: #c62828;
}

/* Currently selected page */
nav a.active {
    background-color: #17263a;
}

main {
    min-height: 500px;
    padding: 40px 20px;
}

footer {
    padding: 20px;

    color: #aab4c0;
    border-top: 1px solid #17263a;
}