body {
    font-size: 20px;
}

main {
    max-width: 1000px;

    margin: 10px auto;
}

.container, .container2 {
    margin: 15px;

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;

    border: 5px solid hotpink;
}

.container2 {
    flex-direction: row;
}

.container-flex-column2 {
    display: flex;
    flex-direction: column;
}

.has-border {
    border: 1px solid black;
}

/* Relevant css */

.coral-text{
    color: coral;
}

p {
    margin: 5px;
    text-align: justify;
    font-size: 18px;
    font-family: monospace;
}

.container p:nth-child(5) {
    font-size: 25px;
    font-family: Lobster, monospace;
}

.smaller-image {
    width: 100px;
}

.some-border {
    border: 10px solid goldenrod;
    border-radius: 50;
}

.custom-background {
    background-color: cadetblue;
}

#id-background {
    background-color: bisque;
}

.large-padding {
    padding: 40px;
}

.small-padding {
    padding: 5px;
}

.large-margin {
    margin: 40px;
}

.small-margin {
    margin: 5px;
}

.negative-margin {
    /* animation: negative-margin-anim 3s; */
    /* animation-iteration-count: infinite; */
    margin-left: -100px;
}

@keyframes negative-margin-anim {
    50% {
        margin-top: -30px;
    }
}

.no-margin {
    margin: 0;
}

[type="checkbox"] {
    margin: 50px;
}

.rel-units {
    width: 10em;
    height: 10em;
}