#registration-container, #login-container{
    text-align: center;
    margin: auto;
}
.modal{
    background:  rgba(21, 21, 21)  !important;
   /* padding: 20px 40px;
    position: fixed;*/
    /* margin-top:200px !important ; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
   box-shadow: 3px 3px red, -1em 0 0.4em olive;
   box-shadow: 5px 5px 5px 5px rgba(0,0,0, 0.56);
   width: 100%;
   height: max-content;
  

} 
.jquery-modal{
    z-index: 999;

}
#top-bar{
    padding: 15px;
}
.action-container{
    text-align: right;
}
.action-container.btn{
margin-left: 15px;
}