:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:20px}#root{width:100%;height:99vh;margin:0;padding:0;overflow:hidden}.background-canvas{display:block;width:100%;height:100vh;position:fixed;top:0;left:0;z-index:0}.app-container{position:relative;width:100%;height:100vh;display:flex}.content{text-align:center;width:100%;padding:20px;z-index:1}.Header{position:absolute;top:0;left:0;width:100%;padding:0;display:flex;justify-content:space-between;align-items:center;z-index:1}.name-section{position:absolute;font-size:2.5rem;top:0;left:0}.name-section h1{margin:0;padding:0}.nav-section{position:absolute;top:0;right:50px;display:flex;gap:20px}.main-content{position:absolute;height:85%;top:10%;left:.5%;right:.5%;padding:10px;border-radius:25px}.Nav-Menu{position:absolute;top:10%;left:5%;width:20%;height:80%;border:5px solid white;padding:10px;border-radius:25px;background-color:#ffffff1a}.Nav-Menu h1{font-size:3rem;margin-top:0}.Nav-Menu button{display:block;width:auto;padding:15px 10px;margin:25px auto;background:none;border:none;color:#fff;font-size:3.5rem;cursor:pointer;transition:all .3s ease}.Nav-Menu button:hover{transform:scale(1.15)}.Nav-Menu button:active{transform:scale(.95)}.Info-Section{position:absolute;top:10%;right:5%;width:60%;height:80%;border:5px solid white;padding:10px;border-radius:25px;background-color:#ffffff1a}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:3.5rem;cursor:pointer;padding:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.close-btn:hover{transform:scale(1.2)}.nav-close-btn{position:absolute;top:-40px;right:15px;background:none;border:none;color:#fff;font-size:3.5rem;cursor:pointer;padding:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:transform .2s;z-index:15}.nav-close-btn:hover{transform:scale(1.2)}.nav-menu-btn{position:absolute;top:25px;left:25px;background:#ffffff1a;border:5px solid white;color:#fff;font-size:4rem;width:120px;height:120px;cursor:pointer;border-radius:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;letter-spacing:-3px}.nav-menu-btn:hover{background:#fff3;transform:scale(1.1)}.nav-menu-btn:active{transform:scale(.95)}@media(orientation:portrait){.content{padding:0}.Header{flex-direction:column;gap:10px}.name-section{position:relative;font-size:1.5rem;top:auto;left:auto}.nav-section{position:relative;top:auto;right:auto;gap:10px}.nav-section h1{font-size:.8rem}.nav-close-btn{top:5px;right:5px;font-size:2rem;width:45px;height:45px}.nav-menu-btn{top:12px;left:12px;width:80px;height:80px;font-size:4rem}.Nav-Menu{position:absolute;top:10%;left:.5%;right:.5%;width:96%;height:80%}.Nav-Menu h1{font-size:4rem}.Nav-Menu button{font-size:3.5rem;padding:10px;margin:20px auto}.Info-Section{position:absolute;top:10%;left:1%;right:1%;width:98%;height:80%}.main-content{height:95%;top:5%}}