body {
    background-color: #000000;
    font-family: 'Montserrat', sans-serif;
    text-rendering: optimizelegibility;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
}
h1 {
    font-size:300%;
}
hr {
    border-color: #335D00;
}
img {
    opacity: 1;
    transition: opacity 0.3s;
    margin: 5px;
    max-width: 97.5%;
    border-style: ridge;
    border-color: #335D00;
}
img[data-src] {
    opacity: 0;
}
.flexColumns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.flexFiller {
    flex-grow: 1;
}
.foundation {
    background-color: #454851;
    border-style: ridge;
    border-color: #335D00;
    margin: 1em;
    padding: 0.5em;
}
.block {
    background-color: #C2C5C2;
    border-style: groove;
    border-color: #335D00;
    margin: 0.5em;
    padding: 0.5em;
    display: inline-block;
    text-align: center;
}
.card {
    max-width: 32em;
    display: inline-block;
    justify-content: center;
}
.projContain {
    text-align: left;
}
.toggleButton {
    cursor: pointer;
    border-style: none;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.projToggle, .hiddenToggle {
    position: relative;
    text-align: center;
}
.hiddenToggle {
    display: none;
}
.projDesc, .revealedContent {
    display: none;
}
.revealedContent {
    display: block;
}
.loader {
    margin: 0.5em;
    border-style: ridge;
    border-color: #335D00;
    text-align: center;
}
.cardLogo, .cardImg {
    width: 100%;
    max-width: 31.5em;
    max-height: 31.5em;
    margin: 0 auto;
    border-style: none;
    padding: 0.2em;
}
.cardImg {
    max-width: 31.5em;
    max-height: 31.5em;
    margin: 0 auto;
    border-style: ridge;
    border-color: #454851;
    padding: 0px;
}
.cardText {
    text-align: left;
}
@media only screen and (max-width: 74.25em) {
    .flexColumns {
        display: block;
    }
    .card {
        max-width: none;
        display: block;
        width: inherit;
    }
    .block {
        display: block;
    }
}