main {
    padding: 4em 1em 2em 1em;
}

header {
    text-align: center;
}

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

.rich-text {
    width: 100%;
    overflow-x: hidden;
    line-height: 1.4em;
    font-size: 1.1em;
}


.categories-container ul {
    padding-left: 2em;
}

.categories-container li {
    padding-bottom: 0.3em;
    cursor: pointer;
}

.categories-container li:hover {
    color: rgb(119,122,122);
}

.tags div {
    padding-left: 2em;
}

.tags button {
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
    main {
        padding: 4em 13em 2em 13em;
    }
}

@media only screen and (min-width: 1500px) {
    main {
        padding: 4em 25em 2em 25em;
    }
}