: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}@font-face{font-family:"Instrument Serif Italic";src:local("InstrumentSerif-Italic"),url(/fonts/InstrumentSerif/InstrumentSerif-Italic.ttf)}@font-face{font-family:Poppins Bold;src:local("Poppins-Bold"),url(/fonts/Poppins/Poppins-Bold.ttf)}@font-face{font-family:Poppins SemiBold;src:local("Poppins-SemiBold"),url(/fonts/Poppins/Poppins-SemiBold.ttf)}a{font-weight:500;text-decoration:inherit}html,body,#root{margin:0;min-width:320px;height:100%;background-color:#fff}h1{font-family:"Instrument Serif Italic",serif;font-size:3.2em;line-height:1.1}h2{font-family:Poppins Bold,sans-serif;font-size:2em;line-height:1.2;text-decoration-line:underline;text-decoration-color:#eebb2f}h3{font-family:Poppins SemiBold,sans-serif;font-size:1.4em;line-height:1.3}h4{font-family:Poppins SemiBold,sans-serif;font-size:1.2em;line-height:1.3}p,li,button,a,b{font-family:Calibri,sans-serif}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}#root{margin:0 auto;text-align:center}nav{overflow:hidden;width:100%;padding:0 60px;box-sizing:border-box;height:80px}nav img{display:block;float:left;margin-top:10px}nav a{margin:15px 20px;display:flex;float:right;position:relative;padding:10px 20px;color:#000;text-align:center;font-size:17px}nav a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#eebb2f;transform-origin:bottom right;transition:transform .25s ease-out}nav a:hover:after{transform:scaleX(1);transform-origin:bottom left}.page{min-height:100%;display:flex;flex-direction:column}.about,.fun{flex:1;padding:0 0 30px}.home{overflow-y:auto;scroll-snap-type:y mandatory;height:calc(100vh - 80px);width:100%}.header{height:100vh;width:100%;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:-10px;position:relative}.typewriter{position:absolute;display:flex;gap:10px;padding-top:100px}.typewriter-text{display:inline-block;height:100px;font-size:5rem;font-weight:700;white-space:nowrap;overflow:hidden;border-right:.15em solid orange;padding-right:5px;animation:blink-caret .75s step-end infinite}.view-projects{position:absolute;bottom:100px}.torus-label>div{background:#000;font-size:12px;color:#fff;opacity:70%;padding:10px;white-space:nowrap;overflow:hidden;border-radius:20px;-webkit-user-select:none;user-select:none;width:fit-content}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.lower-content{scroll-snap-align:start}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:30px;padding:30px 60px}.project{overflow:hidden;background:#fff;box-shadow:0 0 15px #0003;position:relative;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.project:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000040}.project-image{width:100%;height:350px;object-fit:cover;object-position:top}.project-info{padding:30px;display:flex;flex-direction:column}.project-link{position:absolute;inset:0;z-index:1}.intro{display:flex;align-items:center;gap:40px;max-width:1000px;margin:0 auto;padding:30px 0}.profile{flex-shrink:0}.profile img{width:250px;height:250px;object-fit:cover;border-radius:50%;display:block}.description{text-align:left}footer{background-color:#eebb2f;color:#000;padding:30px 60px;display:flex;align-items:center;text-align:left}.footer-right{margin-left:auto}footer img{width:30px;height:30px;margin-right:10px;vertical-align:middle}footer a{color:#000}footer a:hover{color:#fff}.skills,.experience{display:flex;flex-direction:column;align-items:center;gap:60px;text-align:left;margin:0 auto;max-width:900px;padding:30px 0}.ui-ux,.programming,.design{display:grid;grid-template-columns:20% 1fr;gap:60px;width:100%}.ui-ux-skills,.programming-skills,.design-skills{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%}.job{display:grid;align-items:top;grid-template-columns:.5fr 1fr;gap:30px;width:100%}.ui-ux-skill,.programming-skill,.design-skill,.project-skill{pointer-events:none;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;border-radius:100px}.project-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.project-skill{color:#000;max-width:fit-content;background-color:#ffebb3}.ui-ux-skill{color:#d63725;background-color:#fff4ef}.programming-skill{color:#149f4e;background-color:#e8f9f0}.design-skill{color:#2557d6;background-color:#eff4ff}.project-page{display:flex;flex-direction:column;padding:30px 60px;text-align:left;gap:20px}