#contact-form {
    margin-top: 35px;
    margin-bottom: 20px;

    input, textarea {
        width: 100%;
        margin-bottom: 20px;
        padding: 5px 10px;
        font-size: 14px;
        background-color: rgba(255, 255, 255, 0.8);
        border: 2px solid fade(@c_text, 25%);
        transition: border 100ms;
        &:focus { border: 2px solid fade(@c_base, 60%); }
        &.error { border: 2px solid @c_error; }
    }

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

    #submit {
        text-align: center;
        font-weight: bold;
        color: @c_text_light;
        background-color: lighten(@c_base, 5%);
        transition: background-color 100ms;
        &:hover { background-color: @c_base; }
    }

    #notification {
        margin: 0px auto 15px auto;
        padding: 5px 10px;
        color: @c_text_light;
        text-align: center;
        font-size: 14px;
        opacity: 0;
        background-color: lighten(@c_error, 15%);
        transition: opacity 100ms;
        &.visible { opacity: 1; }
        span { font-weight: bold; }

        &.success {
            background-color: transparent;
            color: @c_text;
            font-weight: bold;
        }
    }
}