body,html{background-color:white}body,body.dark-mode,html{transition:color .3s ease,transform .3s ease;overflow-x:hidden;position:relative}body.dark-mode{background-color:#111;color:#e8e8e8}body.dark-mode header{background-color:#111;transition:color .3s ease,transform .3s ease}.custom-container{max-width:95%;margin:0 auto}@media (min-width:768px){.custom-container{max-width:70%}}@media (min-width:992px){.custom-container{max-width:60%}}@media (min-width:1200px){.custom-container{max-width:50%}}.position-relative{position:relative}.backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}.backdrop.show{display:block}.navbar-collapse{display:none;position:absolute;top:100%;right:0;z-index:1000;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:10px;width:200px}.navbar-collapse.show{display:flex}.navbar-collapse{flex-direction:column;background-color:#fff}@media (min-width:992px){.navbar-collapse{display:flex;flex-direction:row;position:static;box-shadow:none;background-color:transparent;border:none;width:auto!important;max-width:none!important;gap:2rem}.btn-primary.d-lg-none{display:none}}.align-right{position:absolute;right:0;display:flex;align-items:center;height:100%}.site-header{padding:18px 0;border-bottom:1px solid rgba(0,0,0,.07);background-color:white;transition:background-color .3s ease,border-color .3s ease}body.dark-mode .site-header{background-color:#111;border-bottom-color:rgba(255,255,255,.08)}.site-brand{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:black;transition:opacity .2s ease}.site-brand:hover{opacity:.5}body.dark-mode .site-brand{color:white}.nav-link-item{font-size:.875rem;font-weight:500;letter-spacing:.02em;color:black;opacity:.5;transition:opacity .2s ease}.nav-link-item:hover{opacity:1}.nav-link-item.nav-active{opacity:1;text-decoration:underline!important;text-underline-offset:5px;text-decoration-thickness:1.5px!important}body.dark-mode .nav-link-item{color:white}.text-hover-grayl{color:black;text-decoration:none;transition:color .3s ease,transform .3s ease}.text-hover-grayl:hover{color:gray;transform:scale(1.1)}body.dark-mode .text-hover-grayl{color:white;text-decoration:none;transition:color .3s ease,transform .3s ease}body.dark-mode .text-hover-grayl:hover{color:lightgray;transform:scale(1.1)}body.dark-mode .icon.moon{filter:invert(1)}.icon{width:30px;height:30px;transition:filter .5s ease}body.dark-mode .dark-btn{background-color:lightblue}