.menu-context{text-decoration:none;color:inherit;display:block;width:100%;padding:1rem;transition:all .3s ease}.menu-context:hover{background-color:hsla(0,0%,100%,.1)}.menu-context .menu-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.menu-context .menu-img{display:flex;justify-content:center;align-items:center;width:64px;height:64px}.menu-context .menu-name{text-align:center;font-size:1rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.home-page{background:url(/_next/static/media/galaxy_background.4d91a526.jpeg) no-repeat 50%;background-size:cover;opacity:.8;padding:40px;height:100%;display:flex;overflow:scroll}.home-page .main-page-container{display:flex;justify-content:center;width:100%;margin:0 auto;max-height:80%}.home-page .main-page-container .main-context{display:flex;width:85%}.home-page .main-page-container .main-context .terminal-container{height:100%;width:100%}.home-page .side-bar{position:fixed;right:0;top:0;width:10%;height:100vh;display:flex;flex-direction:column;align-items:center;padding:10px 0;z-index:100;overflow-y:auto;overflow-x:hidden}.home-page .side-bar .menu-context{padding:.5rem}.home-page .side-bar .menu-img{width:48px!important;height:48px!important}.home-page .side-bar .menu-img svg{width:48px;height:48px}.home-page .side-bar .resume-link{margin-top:0!important}.home-page .side-bar .resume-link .menu-img{font-size:36px!important}@media only screen and (max-width:768px){.home-page .side-bar{display:none}.home-page{padding:10px}.home-page .main-page-container{max-height:none}.home-page .main-page-container .main-context{width:100%;max-width:100%}}.terminal-style{position:relative;height:95%}@media only screen and (max-width:992px){.terminal-style{height:95%;margin-bottom:50px}}.terminal-style .header-bar{background:#eee;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;align-items:center;padding:8px 12px;min-height:36px}.terminal-style .header-bar .header-bar-button-group{align-items:center;display:flex;justify-content:flex-start;gap:6px;flex-shrink:0}.terminal-style .header-bar .header-bar-button-group .header-bar-button{border:0;border-radius:50%;height:12px;width:12px;padding:0;cursor:pointer}.terminal-style .header-bar .header-title span{font-size:14px;color:#666}@media only screen and (max-width:550px){.terminal-style .header-bar .header-title span{font-size:12px}}.terminal-style .terminal-body{position:relative;background-color:#000;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;flex-direction:column;height:100%;padding:1rem;width:100%;overflow:auto}.terminal-style .terminal-body span{color:#fff;font-size:24px;padding-bottom:5px;padding-top:5px}.terminal-style .terminal-body .terminal-show-tour{margin:10px;width:10%}.terminal-style .terminal-body .context-content{color:#fff;font-size:24px}@media only screen and (max-width:550px){.terminal-style .terminal-body .context-content,.terminal-style .terminal-body span{font-size:20px}}.browser-window{width:100%;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;height:95%;background:#1e1e1e}@media only screen and (max-width:992px){.browser-window{margin-bottom:50px}}.browser-toolbar{display:flex;align-items:center;background:#2b2b2b;padding:8px 12px;gap:12px;min-height:40px}.browser-toolbar .browser-dots{display:flex;gap:6px;flex-shrink:0}.browser-toolbar .browser-dots .browser-dot{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;padding:0}.browser-toolbar .browser-dots .browser-dot.dot-red{background:#ff5f57}.browser-toolbar .browser-dots .browser-dot.dot-yellow{background:#febc2e}.browser-toolbar .browser-dots .browser-dot.dot-green{background:#28c840}.browser-toolbar .browser-tab{display:flex;align-items:center;background:#1e1e1e;border-radius:8px 8px 0 0;padding:6px 16px;max-width:200px}.browser-toolbar .browser-tab .browser-tab-title{color:#ccc;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-toolbar .browser-spacer{flex:1 1}.browser-address-bar{display:flex;align-items:center;background:#2b2b2b;padding:4px 12px 8px;gap:8px}.browser-address-bar .browser-nav-buttons{display:flex;gap:8px;flex-shrink:0}.browser-address-bar .browser-nav-buttons .browser-nav-btn{color:#888;font-size:16px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.browser-address-bar .browser-url-box{flex:1 1;display:flex;align-items:center;gap:6px;background:#1e1e1e;border-radius:20px;padding:6px 14px}.browser-address-bar .browser-url-box .browser-lock{font-size:12px;color:#888}.browser-address-bar .browser-url-box .browser-url{color:#aaa;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-content{flex:1 1;background:#000;padding:1.5rem;overflow:auto;color:#fff}@media only screen and (max-width:768px){.browser-toolbar{padding:6px 10px;gap:8px}.browser-toolbar .browser-dots .browser-dot{width:10px;height:10px}.browser-toolbar .browser-tab{padding:4px 10px}.browser-toolbar .browser-tab .browser-tab-title{font-size:11px}.browser-address-bar{padding:2px 10px 6px}.browser-address-bar .browser-nav-buttons{display:none}.browser-address-bar .browser-url-box{padding:5px 10px}.browser-address-bar .browser-url-box .browser-url{font-size:11px}.browser-content{padding:1rem}}.hamburger-btn{display:none;position:fixed;top:16px;right:16px;z-index:1100;background:rgba(0,0,0,.7);border:1px solid #8bfa02;border-radius:8px;padding:10px;cursor:pointer;flex-direction:column;gap:5px;width:48px;height:48px;align-items:center;justify-content:center}@media only screen and (max-width:768px){.hamburger-btn{display:flex}}.hamburger-btn .hamburger-line{display:block;width:24px;height:2px;background-color:#8bfa02;transition:all .3s ease;transform-origin:center}.hamburger-btn .hamburger-line.open:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-btn .hamburger-line.open:nth-child(2){opacity:0}.hamburger-btn .hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hamburger-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1050;animation:fadeIn .2s ease}.hamburger-drawer{position:fixed;top:0;right:0;width:65%;max-width:300px;height:100%;background:rgba(0,0,0,.9);border-left:1px solid #8bfa02;padding:80px 0 2rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;animation:slideIn .3s ease}.hamburger-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#fff;text-decoration:none;font-size:1.1rem;transition:background-color .2s ease}.hamburger-item:hover{background-color:rgba(139,250,2,.15);color:#8bfa02}.hamburger-item svg{flex-shrink:0}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-template{display:flex;min-height:100vh;width:100%;position:relative;padding-bottom:80px}.page-template .side-bar{width:200px;background-color:rgba(0,0,0,.7);padding:1rem 0;display:flex;flex-direction:column;gap:1rem;position:fixed;height:calc(100vh - 80px);overflow-y:auto;z-index:1000}.page-template .content{flex:1 1;margin-left:200px;padding:2rem;min-height:100vh;background-color:hsla(0,0%,100%,.9);position:relative;z-index:1}