.nav-menu{display:flex;list-style:none;padding:0;margin:0}.darkB{display:flex;align-items:center}.menu-item{margin-right:20px}.toggle-switch{display:flex;align-items:center;justify-content:center;position:relative;margin-left:25px;width:60px;height:30px;border-radius:30px;cursor:pointer;transition:background-color .3s ease}.toggle-switch,.toggle-switch.light-mode{background-color:#000000}.toggle-switch.dark-mode{background-color:#ffffff}.moon-icon,.sun-icon{font-size:16px;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.sun-icon{left:10px;color:yellow}.moon-icon{right:10px;color:black;opacity:1}.dark-mode .sun-icon,.light-mode .moon-icon{opacity:0}.toggle-slider{position:absolute;width:24px;height:24px;border-radius:50%;background-color:rgb(2,1,1);top:3px;left:3px;transition:transform .3s ease}.light-mode .toggle-slider{transform:translateX(30px)}.dark-mode .toggle-slider{transform:translateX(0)}