html{scroll-behavior:smooth}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 10vw;background-color:hsla(0,0%,100%,.7);backdrop-filter:blur(10px);position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,.1)}.navbar.dark-mode{background-color:rgba(0,0,0,.3)}.logo{display:flex;justify-content:space-between;align-items:center;width:160px}.logo img{height:40px;width:40px;border-radius:50%}.logo strong{color:#333}.logo strong.dark-mode{color:#fff}.nav-links{display:flex;align-items:center;flex-wrap:nowrap}@media (max-width:768px){.navbar{flex-direction:row;align-items:center}.nav-links .theme-switch{margin-top:7px;align-self:center}.nav-links a{margin-left:0;margin-top:10px}.small-screen-menu{width:25px;margin-top:5px}}.mobile-menu{display:flex;flex-direction:column;gap:10px;padding:20px 10vw 20px 40px;position:fixed;right:-300px;top:0;bottom:0;width:260px;height:100vh;background-color:#f5f5f5;transition:all .3s ease-in-out}.mobile-menu.dark-mode{background-color:#2e2614;color:#fff}.close-btn-row{justify-content:flex-start!important;padding-left:7.5rem}.nav-links a{margin-left:20px;text-decoration:none;color:#007bff;font-weight:700;white-space:nowrap}.nav-links a.dark-mode{color:tan}.nav-links .theme-switch{margin-left:20px;width:50px;height:25px;background-color:#ccc;border-radius:25px;position:relative;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.nav-links .theme-switch.switch-on{background-color:#007bff}.nav-links .theme-switch.switch-on.dark-mode{background-color:#efc76f}.nav-links .theme-switch .switch{width:23px;height:23px;background-color:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:left .3s ease}.nav-links .theme-switch.switch-on .switch,.nav-links .theme-switch.switch-on.dark-mode .switch{left:26px}