.text-alerts{
    flex-direction: column;
    gap:2rem;
}

.alert-primary{
    border:1rem solid var(--blue);
    background-color: var(--blue);
    width:20rem;
    text-align: center;
    font-weight: bold;
}

.alert-success{
    border:1rem solid var(--green);
    background-color: var(--green);
    width:20rem;
    text-align: center;
    font-weight: bold;
}

.alert-danger{
    border:1rem solid var(--red);
    background-color:var(--red);
    width:20rem;
    text-align: center;
    font-weight: bold;
}

.alert-warning{
    border:1rem solid var(--yellow);
    background-color: var(--yellow);
    width:20rem;
    text-align: center;
    font-weight: bold;
}