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 {
    padding: 10px;
}

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

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

    padding: 10px;

    font-size: 21px;
}

.text {
    font-size: 21px;
}

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

    .post {
        /* A smaller font looks better on smaller devices */
        font-size: 19px;

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

    p > img {
        /* This should match all images used inside blog posts */
        width: 100%;
    }
}

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

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