.hamburger{cursor:pointer;width:24px;height:24px;transition:all .25s;position:relative}.hamburger-bottom,.hamburger-middle,.hamburger-top{content:"";position:absolute;width:24px;height:3px;top:0;left:0;background:rgb(96 165 250);transform:rotate(0);transition:all .5s}.hamburger-middle{transform:translateY(7px)}.hamburger-bottom{transform:translateY(14px);background:rgb(96 165 250)}.open{transform:rotate(90deg);transform:translateY(0);position:fixed;top:40px;right:25px}.open .hamburger-top{transform:rotate(45deg) translateY(6px) translateX(6px);background-color:rgb(96 165 250)}.open .hamburger-middle{display:none}.open .hamburger-bottom{transform:rotate(-45deg) translateY(6px) translateX(-6px);background-color:rgb(96 165 250)}