/*
 * Global
 */
body {
    padding: 0;
    position: relative;

    font-family: "Orbitron", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;

    /* "Pie Factory" from https://heropatterns.com/ */
    /*background-color: #DFDBE5;*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M29 58.58l7.38-7.39A30.95 30.95 0 0 1 29 37.84a30.95 30.95 0 0 1-7.38 13.36l7.37 7.38zm1.4 1.41l.01.01h-2.84l-7.37-7.38A30.95 30.95 0 0 1 6.84 60H0v-1.02a28.9 28.9 0 0 0 18.79-7.78L0 32.41v-4.84L18.78 8.79A28.9 28.9 0 0 0 0 1.02V0h6.84a30.95 30.95 0 0 1 13.35 7.38L27.57 0h2.84l7.39 7.38A30.95 30.95 0 0 1 51.16 0H60v27.58-.01V60h-8.84a30.95 30.95 0 0 1-13.37-7.4L30.4 60zM29 1.41l-7.4 7.38A30.95 30.95 0 0 1 29 22.16 30.95 30.95 0 0 1 36.38 8.8L29 1.4zM58 1A28.9 28.9 0 0 0 39.2 8.8L58 27.58V1.02zm-20.2 9.2A28.9 28.9 0 0 0 30.02 29h26.56L37.8 10.21zM30.02 31a28.9 28.9 0 0 0 7.77 18.79l18.79-18.79H30.02zm9.18 20.2A28.9 28.9 0 0 0 58 59V32.4L39.2 51.19zm-19-1.4a28.9 28.9 0 0 0 7.78-18.8H1.41l18.8 18.8zm7.78-20.8A28.9 28.9 0 0 0 20.2 10.2L1.41 29h26.57z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    /* Ensure the page is full height so the footer is actually on the bottom. */
    display: flex;
    flex-direction: column;
    min-height: 100vh;

    /* Parallax */
    background-attachment: fixed;

    max-width: 1000px;
    margin: auto;
}

body::before {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    background-color: rgba(0, 0, 0, 0.3);

    content: "";
    z-index: -2;
}

main {
    margin: 0;
    padding: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

/*
 * Sections
 */
.section {
    margin: 0;
    background-color: rgba(255, 255, 255);
    padding: 1em;
}

.section:not(footer):last-child {
    flex: 1;
}

.section:not(#filler-bottom):not(:last-child) {
    border-bottom: 1px solid black;
}

.section a {
    text-decoration: none;
}

.window {
    height: min(10vh, 50px);
}

#filler-bottom {
    flex: 1;
    position: relative;
    justify-content: unset;
}

/*
 * Works in progress
 */
.wip-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1em;
}

/*
 * Feeds
 */
.feeds-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1em;
}

.feed {
    flex: 1;
    min-width: min(100vw, 300px);
}

.feed-item > h5 {
    padding: 0;
    margin: 0;
}

.feed-item-date {
    font-size: 0.6rem;
    padding: 0.25rem 0;
}

/*
 * Utils
 */
.center-text {
    text-align: center;
}

/*
 * Header & footer
 */
footer.section {
    border-top: 1px solid black;
    display: flex;
    justify-content: space-evenly;
}