body {
    background-color: #f1edc8;
}
.color1 {
        background-color: #fbbc7e;
    }

    .color2 {
        background-color: #72bce4;
    }

    .color3 {
        background-color: #dddddd;
    }

    .color4 {
        background-color: #fc6262;
    }

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

    .top img.logo {
        margin: 1rem auto;
    }

    .top a img {
        display: inline;
        margin-left: 0.5rem;
    }

    .header {
        padding: 1rem 0;
    }

    .content {
        padding: 1rem;
    }

    .bottom {
        border-color: #777777;
        border-style: solid;
        border-width: 1px 0 0;
        padding: 0 1rem;
    }

    .bottom p {
        font-size: 0.75rem;
        padding: 0.5rem 0;
        margin: 0;
    }

    .form-cont label {
        display: block;
    }

    .form-cont input, .form-cont textarea {
        width: 100%;
    }

    .form-cont input[type=submit], .form-cont input[type=reset] {
        width: unset;
    }

    .form-cont input[type=submit], .form-cont input[type=reset], .form-cont button, select {
        -webkit-appearance: none;
        text-decoration: none;
        background-color: #e9e9ed;
        color: #212529;
        font-weight: normal;
        cursor: pointer;
        height: 2rem;
        border: 1px solid #8f8f9d;
        border-radius: 4px;
    }

    .form-cont .form-error {
        color: #ff0000;
    }

    a {
        text-decoration: none;
        outline: 0;
    }

    a:hover {
        text-decoration: underline;
    }

    .center {
        text-align: center;
    }

    .bold {
        font-weight: bold;
    }
}