body.error {
    margin:auto auto;
    background: url("../img/GopherSpaceMentor.png") no-repeat;
}

.margin-top-100 {
    margin-top: 100px !important;
}

body {
    background-image: url("../img/emoji.png");
    background-repeat: repeat;
}

.d-flex {
    flex-direction: column;
}

textarea {
    height: 100px;
    resize: none;
}

@media only screen and (max-width: 860px) {
    .form-container {
        width: 100%;
    }

    .container {
        width: 95%;
    }
}

@media only screen and (min-width: 861px) {
    .form-container {
        width: 60%;
        min-width: 700px;
    }
}