@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap-reboot.min.css");
:root {
    --bs-body-font-size: 13px;
    --bs-body-bg: #f5f5f5;
}
body {
    background-image: url('./img/hero-img-640.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    backdrop-filter: blur(10px);
    height: auto;
    min-height: 100vh;
    padding-top: 3%;
    padding-bottom: 3%;
}
#login {
    padding: 2.5% 0;
    border-radius: var(--bs-border-radius-lg);
    overflow: hidden;
    background: #fff;
    border: 1px solid #c3c4c7;
    box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
}
.login form {
    border: none;
    box-shadow: none;
    padding-bottom: 26px;
}
.login #nav {
    margin: 0;
}
.login #login_error, .login .message, .login .success {
    margin-left: 24px;
    margin-right: 24px;
    box-shadow: none;
    border-top: 1px solid #c3c4c7;
    border-right: 1px solid #c3c4c7;
    border-bottom: 1px solid #c3c4c7;
    border-radius: var(--bs-border-radius);
}
.login h1 a {
    background-image: url('./img/logo_bk.png');
    background-image: none,url('./img/logo_bk.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}