.header{width:100px;height:100vh;position:fixed;top:0;left:0;z-index:1000;background-color:#000000f2}.header-container{margin:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;height:100%}.header-left{margin-top:30px;font-size:25px;display:flex;align-items:center;writing-mode:vertical-rl}header a{font-weight:700;text-decoration:none;color:#fffc;padding:0 10px;white-space:nowrap;opacity:.8}header a:hover{opacity:1}.hamburger-menu{cursor:pointer;margin-bottom:30px;text-align:center}.hamburger-menu a{font-size:30px;color:#fffc}.mobile-menu{display:none;position:absolute;background-color:#000c;box-shadow:0 8px 16px #0003;width:550%;height:100%;top:0;left:100px;z-index:1200;opacity:0;padding-top:30px;visibility:hidden;transform:translate(-300px);transition:opacity .5s,transform .5s,visibility .5s}.mobile-menu.open{display:block;opacity:1;visibility:visible;transform:translate(0)}.mobile-menu a{font-size:25px;color:#fdfdfd;padding:12px 50px;text-decoration:none;display:block;white-space:nowrap;transition:background-color .2s;text-align:left}.mobile-menu a:hover{background-color:#0003}@media (max-width: 768px){.header{width:100%;height:60px}.header-container{flex-direction:row}.header-left{margin-top:0;margin-left:25px;writing-mode:horizontal-tb}.hamburger-menu{margin-bottom:0;margin-right:30px}.hamburger-menu a{font-size:22px}.mobile-menu{top:60px;left:0;transform:translate(0) translateY(-60px);width:100%;height:650%}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{text-align:right;font-size:18px}}