.sidebar{position:fixed;left:0;top:0;height:100%;width:250px;background:var(--pozadi-menu);padding:6px 14px;z-index:99;transition:all .5s ease;overflow-y:auto;overflow-x:hidden}.sidebar i{transition:all .5s ease}.sidebar .logo-details{height:60px;display:flex;align-items:center;justify-content:center;position:relative;left:0}.sidebar .logo-details i{color:white;width:50px;font-size:28px;display:flex;align-items:center;justify-content:center}.sidebar .logo-details .logo_name{color:white;font-size:20px;font-weight:600}.sidebar .social-media{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;margin-bottom:20px}.sidebar .radek{height:30px;display:flex;align-items:center;justify-content:center;gap:10px}.sidebar .radek a{text-decoration:none;display:flex;align-items:center;justify-content:center;background:var(--pozadi-prvku);width:30px;height:30px;border-radius:50%}.sidebar .radek a:hover i{color:white}.sidebar .radek a i{font-size:22px}.sidebar .nav-list{display:flex;flex-direction:column;gap:8px}.sidebar .nav-list li{position:relative;list-style:none;height:50px}.sidebar .nav-list li a{text-decoration:none;height:100%;width:100%;display:flex;align-items:center}.sidebar .nav-list li:hover a .links_name,.sidebar .nav-list li:hover i,.sidebar .nav-list li a.current .links_name,.sidebar .nav-list li a.current i{color:white}.sidebar .nav-list li a:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:0;background-color:white;transition:all .3s}.sidebar .nav-list li:hover a:after,.sidebar .nav-list li a.current:after{width:60px}.sidebar .nav-list li a i{width:50px;font-size:18px;display:flex;align-items:center;justify-content:center}.sidebar .nav-list li a .links_name{font-size:15px;font-weight:400;white-space:nowrap;transition:all .5s ease}.hamburger{position:fixed;right:-64px;top:0;height:60px;width:64px;background:var(--pozadi-menu);cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:99;transition:all .5s ease}#btn{color:white;font-size:28px}