body {
    background-color: #EEEEEE;
    text-align: center;
}

#resources-list {
    text-align: left;
}
.flex-container {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    align-items: center;
    justify-content: center;
}

.fancy-border {
    border-width: 0.2em;
    border-style: ridge;
    border-radius: 1em;
}
#resources-box {
    width: 20em;
    border-color: #b9539f;
    margin: auto;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 2rem;
    padding: 1em;
}
#blurb {
    width: 40em;
    border-color: #f27322;
    margin: auto;
    margin-top: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: left;
    padding: 1em 2em 1em 2em;
}
:is(h1, h2, h3, h4, h5, h6) {
    font-family: "Teko", serif;
    font-optical-sizing: auto;
    font-style: normal;
}

@keyframes logospin {
    from { 
        transform: rotate(-2turn);
    }
    to {
        transform: rotate(0);
    }
}

.spinny {
    animation-name: logospin;
    animation-duration: 2s;
}

.post-container{
    padding: 0.5rem;
    margin: 0.5rem;
    border-color: black;
}