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:black;color:lightblue}body.dark-mode header{background-color:black;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}.btn-primary.d-lg-none{display:none}}.align-right{position:absolute;right:0;display:flex;align-items:center;height:100%}.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:lightblue;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}