.container{
    width: 100%;
    height: 45rem;
    display: block;
    overflow: hidden;
    align-items: center !important;
    align-content: center !important;
}
.container fieldset{
    width: 30%;
    height: auto;
    background-color: rgba(0, 0, 255, 0.5);
    border-radius: 10px;
    margin: 33%;
    margin-top: 50px;

}
.container fieldset legend{
    color: black;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    background-color: rgba(169, 169, 248, 0.9);
    padding: 10px;
    border-radius: 10px;
}
.container fieldset form{
    width: 100%;
    height: auto;
    display: block;
    padding: 10px;
}
.container fieldset form input{
    width: 90%;
    height: 40px;
    margin: 10px 0px;
    border-radius: 5px;
    border: none;
    padding-left: 10px;

}
.container fieldset form select{
    width: 93%;
    height: 40px;
    margin: 10px 0px;
    border-radius: 5px;
    border: none;
    padding-left: 10px;
}
.container fieldset form .btn{
    width: 93%;
    height: 40px;
    background-color: rgba(0, 0, 255, 0.5);
    border-radius: 5px;
    border: none;
    color: white;
    font-weight: bold;
}
.container fieldset form .btn:hover{
    background-color: rgba(0, 0, 255, 0.8);
    cursor: pointer;
}
.alert{
    width: 89%;
    margin: 10px;
    border-radius: 16px;
    display: block;
    text-align: center !important;
    align-items: center !important;
    padding: 2%;
    background-color: rgba(217, 63, 63, 0.7);
    color: white;
}
.success{
    width: 89%;
    margin: 10px;
    border-radius: 16px;
    display: block;
    text-align: center !important;
    align-items: center !important;
    padding: 2%;
    background-color: rgba(3, 67, 3, 0.7);
    color: white;
}