/*MESSAGES*/

.message {
    color: #ffffff;
    font-size: var(--font-normal);
    font-weight: var(--weight-strong);
    display: block;
    width: 100%;
    padding: 20px;
    border: 2px solid #cccccc;
    margin-bottom: 30px;
    -webkit-border-radius: var(--radius-normal);
    -moz-border-radius: var(--radius-normal);
    border-radius: var(--radius-normal);
}

.message.success {
    --color: var(--green);
    color: var(--color);
    border-color: var(--color);
}

.message.info {
    --color: var(--blue);
    color: var(--color);
    border-color: var(--color);
}

.message.warning {
    --color: var(--yellow);
    color: var(--color);
    border-color: var(--color);
}

.message.error {
    --color: var(--red);
    color: var(--color);
    border-color: var(--color);
}