.blog {

    margin: 1em 0;
    padding: .1em 1em;

    background-color: #e1e1e1;
    color: black;
}

.blog h1 {}

.compilation {
    display: flex;
    flex-flow: row wrap;
}

.compilation>* {
    flex: 1 1 18em;
    margin: 1em;
    padding: 0.5%;

}

.compilation>* header h2 {
    display: flex;
    border-bottom: 2px solid;
    align-items: flex-end;
}

.compilation>* header p {
    border-bottom: 1px #0fb3ff solid; 
}

.compilation>* header h2 img {
    /* filter: grayscale(100%); */
    margin-left: auto;
    width: 3em;
    height: 3em;
}

.teaser {
    /* Higher Mathematics */
    background: white;
    color: black;
}

.teaser:hover {
    /* Higher Mathematics */
    background: #004080;
    color: white;
}