.navbar{height:80px;z-index:99;background:#171717;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;padding-left:40px;padding-right:40px;transition:all .8s;display:flex;position:fixed;top:40px;left:40px;right:40px;transform:translateY(-400px)}.logo{font-size:25px}.navLink{all:unset;color:#aaa;cursor:pointer;margin-left:30px;margin-right:30px;font-size:16px;transition:all .4s;position:relative}.navLink:hover{transition:all .4s}.navLink:after{content:"";width:0%;height:2px;background-color:#aaa;margin-top:25px;margin-left:-100%;transition:all .4s;position:absolute}.navLink:hover:after{content:"";width:100%}.navLink:first-of-type{margin-left:auto}.navLink:last-of-type{margin-right:0}.menuIcon{color:#aaa;height:45px;width:45px;cursor:pointer;background:#000;border-radius:4px;flex-direction:row;justify-content:center;align-items:center;margin-left:auto;font-size:20px;display:none}@media only screen and (max-width:866px){.navbar{padding-left:30px;padding-right:20px;left:20px;right:20px}.navLink{display:none}.menuIcon{display:flex}}#sidebar{background-color:#121212;border-radius:4px;flex-direction:column;display:none;position:fixed;top:150px;left:30px;right:30px}.showSidebar{display:flex!important}.sidebarLink{all:unset;color:#aaa;cursor:pointer;width:auto;margin:30px auto 30px 30px;font-size:16px;transition:all .4s;position:relative}.sidebarLink:hover{transition:all .4s}.sidebarLink:after{content:"";width:0%;height:2px;background-color:#aaa;margin-top:35px;transition:all .4s;position:absolute;left:0}.sidebarLink:hover:after{content:"";width:100%}.sidebarLink:first-of-type{margin-top:60px}.sidebarLink:last-of-type{margin-bottom:60px}.closeIcon{cursor:pointer;color:#aaa;height:45px;width:45px;background:#000;border-radius:4px;flex-direction:row;justify-content:center;align-items:center;margin-top:18px;font-size:20px;display:flex;position:fixed;right:50px}