html {
    height: 100%;
}

body {
    font-family: 'Poppins', serif;
    height: 100%;
}

header a span {
    font-size: 1rem;
}

ul.nav {
    font-size: 1rem;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#page-content {
    flex: 1 0 auto;
}

.blog-content {
    line-height: 175%;
    font-size: 18px;

    text-align: justify;
    text-justify: inter-word;
}

img {
    height: auto;
    max-width: 100%;
}

.blog-content img {
    margin-top: 2rem;
    margin-bottom: 2rem;

    border: 2px solid darkslategray;
}