.alert-container {
    max-width: 1024px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;

    
}

.alert-info {
    border-color: oklch(72.06% .191 231.6 /.2);
    color: oklch(0% 0 0 / 1);
    background-color: oklch(72.06% .191 231.6 /1);
}

.alert-success {
    border-color: oklch(64.8% .15 160 /.2);
    color: oklch(0% 0 0 / 1);
    background-color: oklch(64.8% .15 160 /1);
}

.alert-warning {
    border-color: oklch(84.71% .199 83.87 /.2);
    color: oklch(0% 0 0 / 1);
    background-color: oklch(84.71% .199 83.87 /1);
}

.alert-error {
    border-color: oklch(71.76% .221 22.18 /.2);
    color: oklch(0% 0 0 / 1);
    background-color: oklch(71.76% .221 22.18 /1);
}