/* Colours */

:root {
    --primary-orange: #e2903d;
}



body {
    background-color: var(--primary-orange);
    margin: 2em;
    font-family: "JetBrains Mono", sans-serif;
}

footer {
    font-size: smaller;
}

main {
    display: flex;
}

main .content-section {
    flex: 0 0 75%;
}

main nav {
    flex: 0 0 25%;
}

#side ul {
  padding: 0.5em;
}

ul.links li::before {
    content: "> ";
}

ul.links {
    list-style: none;
}

/* Posts */

.post .date {
    margin-bottom: 0;
}

.post .time {
    margin-top: 0;
    font-style: italic;
}

@media (max-width: 850px) {
    main {
        flex-wrap: wrap;
    }

    main nav {
        flex: 0 0 100%;
        order: -1;
        position: sticky;
        top: 0;
        background-color: var(--primary-orange);
    }

    main .content-section {
        flex: 0 0 100%;
    }
}