:root{--navbar-height: 60px}body{background:var(--bs-secondary-bg)!important;box-shadow:inset 0 -1rem 4rem #0009;transition:all .6s ease-in-out}.navbar{z-index:1000;position:fixed;top:0;left:0;right:0;min-height:var(--navbar-height);font-size:1.33rem;background-color:var(--bs-secondary-bg);border-bottom:1px solid var(--bs-secondary-bg);box-shadow:0 0 7px #0000004d;padding:0;margin:0;transition:all .5s ease-in-out}.navbar .navbar-brand{font-size:1.33rem;padding:0;margin:0}.navbar .dropdown-toggle:after{display:none!important}.navbar .nav-brand-img{min-height:32px;max-height:56px;height:3vw}main{min-height:100vh;background-position:center!important}main :nth-of-type(n){transition:all .4s ease-out}.container-main{position:relative;width:70%;margin:0 auto;padding-top:var(--navbar-height)}.container-main .container-back{display:none;height:36vh;text-align:left;border-radius:10px;overflow:hidden;margin:8vh auto 0;background-color:var(--bs-tertiary-bg);background-size:contain;background-position:left center}.container-main .container-front{position:absolute;top:10svh;right:96px}@media (max-height: 900px){.container-main .container-back{margin-top:72px;height:324px}.container-main .container-front{top:90px}}@media (max-width: 840px){.container-main{margin:0vh auto 0;width:80%}.container-main .container-front{right:50%;transform:translate(50%)}}@media (max-width: 720px){.container-main{width:90%}.container-main .container-front{right:50%;transform:translate(50%)}}@media (max-width: 579px){.container-main{width:100%}.container-main .container-back{display:none!important}}@media (min-width: 580px){main{background-image:none!important}}.form-floating input{min-width:300px}.form-signin .form-floating:focus-within{z-index:2}.bd-mode-toggle{position:absolute;bottom:3vw;right:3vw;margin:16px;z-index:999}.bd-mode-toggle label{position:relative;width:99px;height:46px;display:block;background:#ebebeb;border-radius:200px;border:1px solid rgba(47,47,47,.37);box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff6;cursor:pointer;transition:all .3s ease-in-out}.bd-mode-toggle label:after{content:"";width:38px;height:38px;position:absolute;top:3px;left:4px;background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px #0000004d;transition:.6s}.bd-mode-toggle label svg{position:absolute;width:32px;top:6px;z-index:100}.bd-mode-toggle label svg.sun{left:7px;fill:#fff;transition:.6s}.bd-mode-toggle label svg.moon{top:6px;left:59px;fill:#7e7e7e;transition:.6s}.bd-mode-toggle input{width:0;height:0;visibility:hidden}.bd-mode-toggle input:checked+label{background:#242424;border:1px solid #a1a1a1}.bd-mode-toggle input:checked+label:after{left:93px;transform:translate(-100%);background:linear-gradient(180deg,#777,#3a3a3a)}.bd-mode-toggle input:checked+label svg.sun{fill:#7e7e7e}.bd-mode-toggle input:checked+label svg.moon{fill:#fff}.bd-mode-toggle input:active:after{width:100px}