:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@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}h3 a{font-family:Poppins Bold,sans-serif;font-size:1.2em;line-height:1.2;text-decoration-line:underline;text-decoration-color:#eebb2f;color:#000}h3 a:hover{color:#eebb2f}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}#root{margin:0 auto;text-align:center}.nav{height:80px;width:100%;padding:0 30px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;background-color:#fff;position:relative;z-index:100}.nav img{display:block}.nav-links{display:flex;gap:20px}.nav-links a{margin:15px 20px;display:flex;position:relative;padding:10px 20px;color:#000;font-size:16px;font-family:Poppins SemiBold,sans-serif}.nav-links 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}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;display:flex;flex-direction:column;background:#fff;border-radius:8px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible}.dropdown-menu a{padding:8px 16px;white-space:nowrap}.hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer}.hamburger span{width:25px;height:3px;background-color:#000;display:block}.page{min-height:100%;display:flex;flex-direction:column}footer{background-color:#eebb2f;color:#000;padding:30px;display:flex;align-items:center;text-align:left}.footer-right{margin-left:auto}footer img{width:20px;height:20px;margin-right:5px;vertical-align:middle}footer a{color:#000}footer a:hover{color:#fff}@media only screen and (max-width:768px){.nav-links{gap:10px}.nav-links a{margin:0;padding:20px 10px}.footer-link{display:flex;flex-direction:row;justify-content:left}}@media only screen and (max-width:600px){footer{display:flex;flex-direction:column;gap:20px}.footer-right{margin-left:0}.hamburger{display:flex}.nav-links{position:absolute;top:80px;right:0;width:100%;flex-direction:column;text-align:center;background-color:#eebb2f;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-links.open{max-height:1000px}.nav-links a{padding:16px}.nav-links a:after{display:none}.nav.menu-open .nav-links a:after{display:none}}.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}.name{padding-bottom:200px;font-size:4rem;font-weight:700;position:absolute}.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;text-align:center}.project-link{position:absolute;inset:0;z-index:1}@media only screen and (max-width:600px){.home{scroll-snap-type:none;height:auto}.projects{display:flex;flex-direction:column;padding:30px}.project-image{width:100%;height:200px;object-fit:cover;object-position:top}.project-info{padding:20px;display:flex;flex-direction:column;text-align:center}.name{padding:0 20px 300px;font-size:3rem;font-weight:700;position:absolute}.typewriter{position:absolute;display:flex;flex-direction:column;padding-top:100px;gap:.5rem}.typewriter-text{display:inline-block;font-size:3rem;height:80px;width:fit-content;text-align:center}h1{margin:20px 0}.header{height:90vh}}.project-page{padding:30px 60px;text-align:left;gap:20px}.project-content{padding:30px;display:flex;flex-direction:column;margin:60px 0 60px 150px}.project-mini-headers,.msg-results-sections{display:flex;flex-direction:row;gap:50px}.msg-results-stats{display:flex;flex-direction:row}.msg-prototypes,.old-rit-yearbooks,.old-csh-yearbooks,.yearbook-process-images,.yearbook-results-images,.flossboss-process-images{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:100vw}.msg-prototypes-AB,.flossboss-video{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;max-width:100%}.msg-prototypes img,.msg-prototypes-AB img,.old-rit-yearbooks img,.old-csh-yearbooks img,.yearbook-process-images img,.yearbook-results-images img,.flossboss-process-images img,.flossboss-video video,.flossboss-video img{max-width:100%;height:auto;object-fit:contain}.project-page-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.project-page-image{display:flex;flex-direction:column;justify-content:center;align-items:center}.project-header{display:flex;flex-direction:column;gap:10px}.project-page-image img{width:100%;height:auto}.sidebar{width:100px;display:flex;flex-direction:column;height:80%;position:fixed;overflow-x:hidden;padding-top:3%}.sidebar a{font-family:Poppins SemiBold,sans-serif;font-size:1em;text-decoration-line:underline;text-decoration-color:#eebb2f;color:#000;margin:10px 0}.flossboss-gdc{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.flossboss-gdc iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media only screen and (max-width:768px){.sidebar{display:none}.project-content{padding:30px;margin:60px 0;display:flex;flex-direction:column}.project-page{padding:30px;text-align:left;gap:20px}.project-mini-headers,.msg-results-sections{display:flex;flex-direction:row;flex-wrap:wrap;gap:50px}.msg-prototypes,.old-rit-yearbooks,.old-csh-yearbooks,.yearbook-process-images,.yearbook-results-images,.flossboss-process-images{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:100vw}.msg-prototypes-AB,.flossboss-video{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:100%}}@media only screen and (max-width:600px){.project-mini-headers,.msg-results-sections{display:flex;flex-direction:row;flex-wrap:wrap;gap:50px}.msg-prototypes,.old-rit-yearbooks,.old-csh-yearbooks,.yearbook-process-images,.yearbook-results-images,.flossboss-process-images{display:flex;flex-direction:column;gap:20px;max-width:100vw}.msg-prototypes-AB,.flossboss-video{display:flex;flex-direction:column;gap:20px;max-width:100%}}.about{flex:1;padding:0 0 30px}.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;padding-right:30px}.skills,.experience{display:flex;flex-direction:column;align-items:center;gap:60px;text-align:left;margin:0 auto;max-width:900px;padding:30px}.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;justify-content:center}.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}@media only screen and (min-width:600px)and (max-width:768px){.intro{display:flex;align-items:center;gap:10px;margin:0 auto;padding:20px 0}.profile img{width:200px;height:200px;object-fit:cover;border-radius:50%;display:block}}@media only screen and (max-width:600px){.intro{display:flex;flex-direction:column;align-items:center;gap:10px}.description{padding:0 60px}.ui-ux,.programming,.design{display:flex;flex-direction:column;align-items:center}.ui-ux,.programming,.design{text-align:center}.ui-ux-skills,.programming-skills,.design-skills{display:flex;justify-content:center}.job{display:flex;flex-direction:column}}.fun{flex:1;padding:0 0 30px}.art{padding:0 60px;display:flex;flex-direction:row;gap:12px}.art .column1,.art .column2{display:flex;width:50vw;flex-direction:column;gap:12px}.art img{width:100%;height:auto;object-fit:cover;display:block}@media(max-width:768px){.art{padding:0 20px;flex-direction:column;justify-content:center;align-items:center}.art .column1,.art .column2{width:80vw}}