#flashContainer{
    position: absolute;
    left:50%;
    transform: translate(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap:0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;

    opacity: 1;
    transition:opacity 1s ease-in-out;
}
.message{
    background-color: rgb(17,72,113);
    color:rgb(255,255,255);
    border: solid;
    border-radius: 100px;
    border-color: rgb(17, 72, 113);
    border-width: 1px;
    text-align: center;
    padding:0.5em 1em 0.5em 1em;
    min-width: 200px;
    width: max-content;
    height:max-content;
}

.bad{
    background-color: rgb(215, 37, 37);
    color:rgb(255,255,255);
    border: solid;
    border-radius: 100px;
    border-color: rgb(215, 37, 37);
    border-width: 1px;
    text-align: center;
    padding:0.5em 1em 0.5em 1em;
    min-width:200px;
    width: max-content;
    height:max-content;
}

.good{
    background-color: rgb(0, 186, 3);
    color:rgb(255, 255, 255);
    border: solid;
    border-radius: 100px;
    border-color: rgb(0, 186, 3);
    border-width: 1px;
    text-align: center;
    padding:0.5em 1em 0.5em 1em;
    min-width:200px;
    width: max-content;
    height:max-content;
}