.restore-password{
    background: white;
    border-radius: 7px;
    box-shadow: 0 0 7px #00000099;
    padding: 0.5rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    max-width: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.restore-password .header{
    text-align: center;
    font-weight: bold;
    font-family: cursive;
    font-size: larger;
    margin-bottom: 1rem;
    color: var(--bs-primary);
}

.restore-password > input{
    display: block;
    margin-bottom: 0.7rem;
    width: 100%;
    border-radius: 5px;
    border: 1px solid;
    padding: 2px 0.3rem;
}

.restore-password > button{
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.restore-password .msg{
    background: hsl(152.18deg 68.75% 31.37% / 35%);
    margin-top: 0.5rem;
    border-radius: 5px;
    padding: 0.2rem;
}
.restore-password .msg:empty{
    display: none;
}

.restore-password .msg.error{
    background: hsl(354.25deg 70.46% 53.53% / 35%);
}