: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:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#000;background-attachment:fixed}#root{max-width:100vw;margin:0;min-height:100vh}#main{display:flex;min-height:100vh;width:100%}@media (max-width: 768px){#main{flex-direction:column}}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#000}body{background:#000}a:hover{color:#747bff}}html{scroll-behavior:smooth}*:focus{outline:2px solid #646cff;outline-offset:2px}::selection{background-color:#646cff4d;color:#fff}@media (max-width: 480px){.container{padding:.5rem}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}}@media (min-width: 576px) and (max-width: 767px){.container{padding:1rem}}@media (min-width: 768px) and (max-width: 991px){.container{padding:1.5rem}}@media (min-width: 992px) and (max-width: 1199px){.container{padding:2rem}}@media (min-width: 1200px){.container{padding:2.5rem;max-width:1200px;margin:0 auto}}.hidden-mobile{display:block}.hidden-desktop{display:none}@media (max-width: 768px){.hidden-mobile{display:none}.hidden-desktop{display:block}}.responsive-text{font-size:clamp(1rem,2.5vw,1.5rem)}.responsive-heading{font-size:clamp(2rem,5vw,4rem)}.responsive-padding{padding:clamp(1rem,3vw,3rem)}.responsive-margin{margin:clamp(.5rem,2vw,2rem)}.icon-link{display:inline-block;transition:transform .3s ease,filter .3s ease;padding:8px}.icon-img{width:50px;height:50px;-webkit-filter:invert(100%);filter:invert(100%)}.icon-link:hover .icon-img{filter:invert(50%)}@media (max-width: 768px){.icon-img{width:40px;height:40px}.icon-link{padding:6px}}@media (max-width: 480px){.icon-img{width:35px;height:35px}.icon-link{padding:4px}}#side{padding:15px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:1rem;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.1);min-width:80px}@media (max-width: 768px){#side{flex-direction:row;justify-content:center;padding:10px;min-width:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}}@media (max-width: 480px){#side{padding:8px;gap:.5rem}}#TopBar{height:70px;width:100%;display:flex;justify-content:center;align-items:center;gap:2rem;padding:1rem;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}button{padding:.75rem 1.5rem;border:2px solid transparent;background-color:transparent;font-family:papyrus,fantasy;font-size:1.1rem;color:inherit;cursor:pointer;transition:all .3s ease;border-radius:8px}button:hover{border-color:#feda75;background:linear-gradient(135deg,#feda751a,#fa7e1e1a,#d629761a);transform:translateY(-2px)}button:active{transform:translateY(0)}@media (max-width: 768px){#TopBar{height:60px;gap:1rem;padding:.5rem}button{padding:.5rem 1rem;font-size:1rem}}@media (max-width: 480px){#TopBar{flex-direction:column;height:auto;gap:.5rem;padding:1rem}button{width:100%;max-width:200px}}#homeContent{display:flex;width:100%;height:100%;justify-content:center;align-items:center;gap:2rem;padding:2rem;min-height:calc(100vh - 140px)}#homeLeft{flex:1;max-width:500px;font-family:papyrus,fantasy;font-size:1.2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}#homeLeft>p{margin:0;line-height:1.2}#homeLeft>p:first-child{font-size:1.5rem;margin-bottom:-1rem;color:#888}#homeLeft>p:last-child{font-size:1.5rem;margin-top:-4rem;color:#888}#homeRight{flex:1;display:flex;justify-content:center;align-items:center;max-width:500px}.photo{height:400px;width:400px;background-color:#bbb;border-radius:50%;border:3px solid rgba(254,218,117,.3);display:inline-block;background-image:url(/Portfolio/assets/headshot-cHX76j7t.jpg);background-size:cover;background-position:center top;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.name{height:auto;min-height:7.5rem;line-height:.3;background:linear-gradient(135deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);-webkit-background-clip:text;background-size:300% 300%;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:7em;font-family:copperplate,fantasy;animation:gradientMove 3s ease infinite;margin:-.5rem 0;padding:0;overflow:visible}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#bottom{line-height:.3;margin-top:-1.5em;position:relative;top:-.35em}@media (max-width: 1024px){#homeContent{gap:1.5rem;padding:1.5rem}.name{font-size:5em;min-height:5.5rem}.photo{height:350px;width:350px}#homeLeft>p:last-child{margin-top:-3rem}}@media (max-width: 768px){#homeContent{flex-direction:column;text-align:center;gap:2rem;padding:1rem}#homeLeft{max-width:100%;padding:1rem}.name{font-size:4em;min-height:4.5rem}.photo{height:300px;width:300px}#homeLeft>p:last-child{margin-top:-2.2rem}}@media (max-width: 480px){#homeLeft{font-size:1rem}#homeLeft>p:first-child{font-size:1.2rem}#homeLeft>p:last-child{font-size:1.1rem;margin-top:-1.3rem}.name{font-size:3em;min-height:3.5rem}.photo{height:250px;width:250px}}#Page{flex:1;display:flex;flex-direction:column;min-height:100vh}#content{flex:1;display:flex;flex-direction:column;overflow-y:auto}@media (max-width: 768px){#Page{min-height:auto}}