* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #480404; */
}

.login {
    width: 360px;
    height: min-content;
    padding: 20px;
    border-radius: 12px;
    background: #ffffff;
}

.form-group{
    margin-bottom: 20px;
}


.username-error, .email-error, .otp-error{
    color: red;
}

.creds_error{

    color: red;
}
/*#fail_msg_div{
    outline: 1px solid red;
    color: red;
    margin-top: .8em;
    padding: .8em;
    font-size: 1.1em;
    font-weight: bold;
    width: max-content;
    border-radius: 12px;

}*/

/*
#general_msg_div, #pw_changed_msg_div{
    outline: 1px solid blue;
    color: blue;
    padding: .7em;
    margin-top: .8em;
    margin-bottom: .8em;
    font-size: 1.1em;
    !*font-weight: bold;*!
    width: max-content;
    height: max-content;
    border-radius: 8px;
}
*/






/*.username-error, .email-error, .otp-error{
    !*outline: 1px solid red;*!
    color: red;
    !*padding: .8em;
    font-size: 1.1em;*!
    font-weight: bold;
   !* width: max-content;*!

}*/

/*#pw_rules {
    outline: 1px solid #bb1b1b;
    border-radius:4px;
    margin-top: 20px;
    padding: 15px;
    color: blue;
    width: 300px;
}*/

/*.instruction_msg_div{
    outline: 1px solid #bb1b1b;
    border-radius:4px;
    !*margin-top: 20px;*!
    !*padding: 15px;*!
    color: blue;
  !*  margin-bottom: 20px;*!
}*/

/*#userdetail_div{
     outline: 1px solid #bb1b1b;
     border-radius:4px;
     margin-top: 20px;
     padding: 15px;
     color: blue;
     width: 500px;
     margin-bottom: 20px;
 }*/

/*
.h{
    !*outline: 1px solid #bb1b1b;
     border-radius:4px;
    * margin-top: 20px;
     padding: 15px;*!
    color: rgba(250, 235, 215, 0.82);!**!
    background-color: rgba(141, 4, 4, 0.93);
   !*margin-bottom: 20px;*!
}

.h h3{
    color: rgba(250, 235, 215, 0.82);

}

.creds-form label{
    color: rgb(29, 28, 28);
    width: 100px;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
}

.creuds-form input{
     color: rgb(13, 11, 11);
     width: 221px;
     display: inline-block;
     text-align: right;
     padding-right: 10px;
     margin-top: 10px;
 }*/