h2, h3, h4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

h5 {
    margin-bottom: 0;
}

.logo {
    display: block;
    text-align: center;
}

.first-header {
    background: #561032;
    padding: 12px 34px;
    color: #ffffff;
    text-align: center;
    display: block;
    text-decoration: none;
}

a.first-header:hover {
    color: white;
    text-decoration: none;
}

.container {
    max-width: 1000px !important;
    /* text-align: center !important; */
}

.login-button {
    text-align: center;
}

.login-h2 {
    text-align: center;
}

/* input {
    margin: .4rem;
} */

.div-kid {
    display: block;
    border: 1px solid rgb(218, 218, 218);
    padding: 8px 16px;
    margin-bottom: 16px;
}

i.bi-asterisk {
    color: #a77a94;
}

.btn {
    margin-bottom: 4px;
}

.label {
    display: inline-block;
    width: 300px;
    font-weight: bold;
}

.success-form {
    position: fixed;
    display: block;
    top: 20px;
    right: 20px;
    z-index: 999;
}

/* bootstrap 5 input remove border on focus */

textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover, label:focus, .btn:active, .btn.active {
    outline: 0px !important;
    -webkit-appearance: none;
    box-shadow: none !important;
}