.container{border-radius:10px;display:flex;align-items:center;position:absolute;width:100%;box-sizing:border-box}.main-container{display:flex;flex-direction:column;align-items:center;flex-basis:70%;max-width:900px;overflow:auto;scroll-behavior:smooth;padding:24px 0;gap:48px;margin:0 auto}@media only screen and (max-width:768px){.container{flex-direction:column}.main-container{padding-left:16px;padding-right:16px;box-sizing:border-box}}@media only screen and (min-width:768px){.main-container{max-height:100vh}}.nav-toggler{padding:12px;background-color:var(--accent-color);border-radius:10px;width:20px;height:20px;min-width:44px;min-height:44px;margin:0;cursor:pointer;z-index:10000;position:fixed;top:max(20px,env(safe-area-inset-top) + 12px);left:max(20px,env(safe-area-inset-left) + 12px);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.nav-sidebar{transform:translate(-300px);transition:transform .6s ease-in,visibility 1s;visibility:hidden;position:fixed;top:0;left:0;display:flex;background-color:var(--navbar-bg-color);z-index:1;height:100vh;width:200px;overflow:hidden;box-shadow:5px 0 5px var(--shadow-color);border-radius:8px}.nav-panel{height:100%;width:100%;padding:24px 20px 24px 24px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:center;border-radius:10px;position:relative}.nav-panel__theme{position:absolute;bottom:max(20px,env(safe-area-inset-bottom) + 8px);right:20px}.nav-sidebar.active{transform:translate(0);transition:transform .6s ease,visibility 1s;visibility:visible}.nav-item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;width:100%}.nav-item{list-style-type:none;color:var(--base-text-color);padding:12px 0;border-bottom:1px solid var(--accent-color-comp)}.nav-item:last-of-type{border-bottom:none}.nav-item a{color:inherit;text-decoration:none;border-radius:10px;display:block;padding:4px 0;transition:transform .2s ease,color .2s ease}.nav-item a:hover{transform:translate(8px);text-decoration:underline dashed var(--accent-color) 2px;text-underline-offset:6px;font-weight:600;color:var(--accent-color)}@media only screen and (max-width:800px){.nav-sidebar{height:fit-content;top:auto;position:fixed;bottom:0;width:100%;flex-direction:row}.nav-panel{height:inherit;display:flex;flex-direction:row;justify-content:flex-start;font-size:14px}.nav-panel__theme{position:static;margin-left:auto;align-self:center}.nav-item a:hover{transform:translateY(-8px)}}.icon-dark path{fill:var(--base-text-color)}.icon-light path{fill:var(--base-bg-color)}.dark-mode-toggle{display:flex;align-items:center}.dark-mode-toggle__button{display:flex;align-items:center;justify-content:center;padding:8px;min-width:44px;min-height:44px;background:transparent;border:none;border-radius:10px;cursor:pointer;color:var(--base-text-color);transition:background-color .2s ease,color .2s ease}.dark-mode-toggle__button:hover{background-color:var(--accent-color-comp);color:var(--accent-color)}.dark-mode-toggle__icon{display:inline-flex;line-height:0}.dark-mode-toggle__icon svg{width:20px;height:20px}.intro-container{display:flex;flex-basis:30%;margin-top:20px;flex-direction:column;align-items:center;justify-content:center}.intro-desc{display:flex;flex-direction:column;width:60%}.intro-desc h1{margin-top:12px;margin-bottom:0;color:var(--accent-color);font-size:1.75rem;font-weight:600;line-height:1.3}.intro-desc h3{margin:0;font-size:1.125rem;font-weight:500;line-height:1.4}.intro-desc p{line-height:1.6;margin:8px 0 12px}@media only screen and (max-width:768px){.intro-desc{width:90%}.intro-pic img{width:70%}}.intro-pic{display:flex;justify-content:center;margin:20px 0}.intro-pic img{width:50%;box-shadow:10px 10px var(--accent-color);border-radius:8px}.contact-list{width:32vh;display:flex;flex-direction:row;padding-inline-start:0px;list-style-type:none}.contact-list li{display:inline-block;width:25px;height:25px;margin-right:25px;transition:transform .2s ease}.contact-list li:hover{transform:translateY(-8px)}.intro-url{text-decoration:none;transition:transform .5s ease;color:inherit;font-weight:600;display:inline-block;line-height:1.5em;margin-bottom:10px}.intro-url:hover{transform:translate(10px);text-decoration:underline dashed var(--accent-color) 2px;text-underline-offset:6px}.about-container{display:flex;justify-content:center;width:80%}.about-section{display:flex;justify-content:center;flex-direction:column;margin:0}.about-section h1{color:var(--accent-color);font-size:1.5rem;font-weight:600;margin:0 0 12px}.about-section p{line-height:1.6;margin:0}.exp-container{display:flex;justify-content:center;width:80%}.exp-section{display:flex;flex-direction:column;gap:16px}.exp-section h3{color:var(--accent-color);font-size:1.5rem;font-weight:600;margin:0 0 8px}.exp-section>div{display:flex;flex-direction:column;gap:16px}.exp-card-container{display:flex;padding:20px 24px;border-radius:12px;background-color:var(--card-bg-color);box-shadow:0 2px 8px var(--shadow-color)}.exp-duration{display:flex;margin-right:20px;align-items:center;flex-basis:20%;font-size:70%;font-weight:700}.exp-desc{flex-basis:80%}.exp-desc h2{color:var(--accent-color);font-size:1.125rem;font-weight:600;margin:0 0 4px}.exp-desc h3{font-size:.9375rem;font-weight:600;margin:0 0 8px}.exp-desc p{font-size:.875rem;line-height:1.5;margin:0 0 12px}.exp-desc a{text-decoration:none;transition:transform .2s ease;color:inherit;display:inline-block;line-height:1.5}.exp-desc a:hover{transform:translate(6px);text-decoration:underline dashed var(--accent-color) 2px;text-underline-offset:6px}.exp-skill-list{list-style-type:none;display:flex;flex-wrap:wrap;width:90%;justify-content:flex-start;padding-inline-start:0px}.exp-skill{color:var(--accent-color);background-color:var(--accent-color-comp);font-size:small;font-weight:600;padding:5px 8px;margin:3px;border-radius:24px}@media only screen and (max-width:768px){.exp-card-container{margin-top:20px;flex-direction:column}}.edu-container{display:flex;justify-content:center;width:80%}.edu-section{display:flex;flex-direction:column;gap:16px}.edu-section h3{color:var(--accent-color);font-size:1.5rem;font-weight:600;margin:0 0 8px}.edu-section>div{display:flex;flex-direction:column;gap:16px}.footer{padding:24px}.footer p{font-size:small}.footer p span{color:var(--accent-color)}@media screen and (max-width:800px){.footer{padding-bottom:94px}}.proj-container{display:flex;justify-content:center;width:80%}.proj-section{display:flex;flex-direction:column;gap:16px}.proj-section h3{color:var(--accent-color);font-size:1.5rem;font-weight:600;margin:0 0 8px}.proj-section>div{display:flex;flex-direction:column;gap:16px}:root,[data-theme=dark]{--base-text-color: #919491;--accent-color: #ffdc8a;--base-bg-color: #010d17;--navbar-bg-color: #1d242c;--base-hover-color: #edeef2;--accent-color-comp: rgba(255, 220, 138, .1);--shadow-color: rgba(8, 9, 9, .8);--card-bg-color: #071a28}[data-theme=light]{--base-text-color: #1a1a1a;--accent-color: #b8860b;--base-bg-color: #f5f5f5;--navbar-bg-color: #e8e8e8;--base-hover-color: #333333;--accent-color-comp: rgba(184, 134, 11, .15);--shadow-color: rgba(0, 0, 0, .12);--card-bg-color: #ffffff}@supports (font-variation-settings: normal){:root{font-family:Poppins,sans-serif;font-feature-settings:"liga" 1,"calt" 1}}body{background-color:var(--base-bg-color);color:var(--base-text-color);margin:0;line-height:1.6}::-webkit-scrollbar{width:0px;background:transparent}