blog.polynom.me/assets/css/blog.css

img {
    /* Prevent images in blog posts from getting too big */
    max-width: 800px;
}

.profile-picture {
    max-width: 200px;
}

h1, h2, h3, h4 {
    color: #9b59b6;
}

.post-list-item {
    display: block;
    max-width: 800px;
}

.post {
    display: block;
    max-width: 800px;

    padding: 10px;

    font-size: 21px;
}


@media only screen and (max-width: 768px) {
    .post {
        /* A smaller font looks better on smaller devices */
        font-size: 19px;

        /* Otherwise the entire page overflows for some reason */
        width: 100%;
    }
}

.post-title {
    color: #3498db;
}

code {
    display: inline-block;
    max-width: 100%;
    overflow-y: auto;
}