body {
    background-color: #FCFCED;
}


/* Load custom terminal grotesque font */
@font-face {
    font-family: "terminal-grotesque-webfont";
    src: url("../fonts/terminal-grotesque-webfont.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

/* Regular headers (Markdown headings inside page body) */
.md-content h1, .md-content h2, .md-content h3, .md-content h4, .md-content h5, .md-content h6 {
    font-family: "terminal-grotesque-webfont", sans-serif;
    color: #03A9F4;
    text-align: center;
}

/* Top page title (special case in Material) */
.md-content__inner h1,
.md-typeset h1 {
    font-family: "terminal-grotesque-webfont", sans-serif !important;
    color: #03A9F4 !important;
    text-align: center;
}


/* Paragraph text */
p {
    color: #380505;
}

/* Nav links (general) */
.md-nav__link {
    background: none !important;
    box-shadow: none !important;
}

/* Nav links (general) */
.md-nav__title {
    background: none !important;
    box-shadow: none !important;
}

.assignments-grid .row{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1em;
}
.assignment-link{
    position: relative;
    width: 32%;
    background-size: cover;
    background-position: center;
    min-height: 200px;
}
.assignment-link:hover{
    opacity: 0.7;
}
.assignment-link img{
    width: 100%;
}
.assignment-link span{
    position: absolute;
    left: 0;
    padding: 6px;
    bottom: 0;
    width: 100%;
    font-weight: bold;
    color: #FCFCED;
    background: #380505;
}