@import url(../../css/main.css);

:root {
    --info: #7FD2E6;
    --info-text: #29438B;
    --success: #84F1C9;
    --success-text: #1B7052;
    --warning: #FFE7C5;
    --warning-text: #FF9204;
    --danger: #FCC5C5;
    --danger-text: #DC3545;
}

.alert {
    flex-basis: 40rem;
    padding: 1.2rem;
    border-radius: 0.5rem;
    margin: 1rem;
}

.alert-info {
    background-color: var(--info);
    color: var(--info-text);
}

.alert-success {
    background-color: var(--success);
    color: var(--success-text);
}

.alert-danger {
    background-color: var(--danger);
    color: var(--danger-text);
}

.alert-warning {
    background-color: var(--warning);
    color: var(--warning-text);
}

.alert i {
    margin: 0rem 1.5rem 0rem 0rem;
    width: 1rem;
}

.alert-container {
    margin-bottom: 3rem;
}