.message-container {
    width: 60%;
    margin: 0 auto;
    text-align: center;

    .form-message {
        margin: 6rem auto 2rem;
        line-height: 1.6;

        &.error {
            h5 {
                color: var(--error);
            }
        }

        &.warning {
            h5 {
                color: var(--warning);
            }
        }

        h5 {
            font-size: 2rem;
            color: var(--success);
            filter: brightness(80%);
            font-weight: 500;
            margin-bottom: 1rem;
        }

        p {
            font-size: 1.4rem;
            font-weight: 400;
            color: var(--dark-grey);
        }
    }
}

.note {
    font-size: 1.4rem;
    font-style: italic;
}