*{margin:0}html,body{height:100%;margin:0}body{display:flex}#root{min-height:100vh;flex:1;display:flex;flex-direction:column}*{font-family:chivolight}.highlight{font-family:chivoextrabold}.medium{font-family:chivoregular}h1{font-size:4.5rem}h2{font-size:3.5rem;font-weight:600}h3{font-size:2.8rem}h4{font-size:1rem;font-family:chivomedium}h5{font-size:.7rem}p{font-size:1.1rem}@font-face{font-family:chivoextrabold;src:url(/fonts/chivo/chivo-extrabold-webfont.woff2) format("woff2"),url(/fonts/chivo/chivo-extrabold-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:chivobold;src:url(/fonts/chivo/chivo-bold-webfont.woff2) format("woff2"),url(/fonts/chivo/chivo-bold-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:chivolight;src:url(/fonts/chivo/chivo-light-webfont.woff2) format("woff2"),url(/fonts/chivo/chivo-light-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:chivomedium;src:url(/fonts/chivo/chivo-medium-webfont.woff2) format("woff2"),url(/fonts/chivo/chivo-medium-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:chivoregular;src:url(/fonts/chivo/chivo-regular-webfont.woff2) format("woff2"),url(/fonts/chivo/chivo-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}.lp-logo-light{fill:#fff;fill-opacity:1;stroke-width:0;transition:fill .5s;transition-timing-function:ease}.lp-logo-dark{fill:#000;fill-opacity:1;stroke-width:0;transition:fill .5s;transition-timing-function:ease}.button-light{stroke:#fff;transition:stroke .5s;transition-timing-function:ease;padding:.2rem;height:1.7rem;width:auto}.button-light:hover{background-color:#fff;border-radius:20px;transition:background-color 1s;transition-timing-function:ease}.button-dark{stroke:#000;transition:stroke .5s;transition-timing-function:ease;padding:.2rem;height:1.7rem;width:auto}.button-dark:hover{background-color:#000;border-radius:20px;transition:background-color 1s;transition-timing-function:ease}.arrow-light{stroke:#fff;transition:stroke .5s;transition-timing-function:ease;height:1.4rem;margin-right:.3rem;width:auto}.arrow-dark{stroke:#000;transition:stroke .5s;transition-timing-function:ease;height:1.4rem;margin-right:.3rem;width:auto}nav{padding:3vh 4vw;display:flex;justify-content:space-between;align-items:center}.nav-buttons{display:flex;column-gap:1.2rem}.button{height:1.7rem;width:auto}.theme-toggle,.menu{padding:.2rem}#themeToggle,#menuButton{fill:none;transition:fill .5s;transition-timing-function:ease}.logo-style{height:4rem;width:auto}#menu{min-height:65vh;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;transition:opacity .5s;transition-timing-function:ease}.menu-links{display:flex;align-items:center;margin-left:4rem;padding:0 1rem;width:22rem;text-decoration:none!important}.menu-links>h2{font-family:chivobold;margin:.5rem 1rem}.dark{background-color:#121212!important;color:#fff!important;transition:background-color .5s,color .5s;transition-timing-function:ease;text-decoration:none!important}.dark .menu-links,.dark .link,.dark .project-details{background-color:#12121200;color:#fff;transition:background-color .5s,color .5s;transition-timing-function:ease;text-decoration:none!important}.dark .menu-links:hover,.dark .link:hover,.dark .project-details:hover{cursor:pointer;background-color:#fcf4f4;color:#000}:is(.dark .menu-links:hover,.dark .link:hover,.dark .project-details:hover) .arrow-light{stroke:#000!important}.dark .divider{border-color:#fff;transition:border-color .5s;transition-timing-function:ease}.dark #themeToggle:hover,.dark #menuButton:hover{stroke:#000;cursor:pointer;transition:fill .5s;transition-timing-function:ease}.dark .banner,.dark .screenshot{border-color:#fff}.dark .project-link{color:#fff}.dark .project-link:hover{border-bottom:2px solid #fcf4f4}.dark .svg{fill:#fff}.dark .contact-link{color:#fff;text-decoration:none;font-size:1.5rem}.light{background-color:#fcf4f4!important;color:#000!important;transition:background-color .5s,color .5s;transition-timing-function:ease;text-decoration:none!important}.light .menu-links,.light .link,.light .project-details{background-color:#fcf4f400;color:#000;transition:background-color .5s,color .5s;transition-timing-function:ease;text-decoration:none!important}.light .menu-links:hover,.light .link:hover,.light .project-details:hover{cursor:pointer;background-color:#000;color:#fcf4f4}:is(.light .menu-links:hover,.light .link:hover,.light .project-details:hover) .arrow-dark{stroke:#fcf4f4!important}.light .divider{border-color:#000;transition:border-color .5s;transition-timing-function:ease}.light #themeToggle:hover,.light #menuButton:hover{stroke:#fcf4f4;cursor:pointer;transition:fill .5s;transition-timing-function:ease}.light .banner,.light .screenshot{border-color:#000}.light .project-link{color:#000}.light .project-link:hover{text-decoration:underline #000}.light .svg{fill:#000}.light .contact-link{color:#000;text-decoration:none;font-size:1.5rem}main{display:flex;opacity:1;flex-direction:column;flex-wrap:wrap;justify-content:center;transition:opacity .5s;transition-timing-function:ease}.main-bg{transition:background-color .6s ease}@media(max-width:1024px){.menu-links{margin-left:0}}.roles,.intro{margin:.5rem 0}.roles{line-height:1.5rem;margin-bottom:1rem}.intro{line-height:5.5rem}.link{margin-top:1rem;padding:.5rem 0;width:8rem;display:flex;align-items:center}.hero-link{color:inherit;text-decoration:none}.hero-link:hover{text-decoration:underline}a{border-radius:5px}.about-details{display:flex;justify-content:space-between;align-items:center;margin:1rem 3rem}.portrait{border-radius:20px;width:auto;height:45vh}.info{width:50vw;height:30vh;line-height:1.5rem}@media(max-width:1024px){.portrait{display:none}.info{width:unset}}.contact-details{display:flex;justify-content:space-between}.contact-text{font-size:1.5rem}.contact-link:hover{text-decoration:underline}#projectsMain{height:75vh;margin:1rem 4rem;display:flex;flex-direction:column;transition:opacity .5s;transition-timing-function:ease}.title{margin:.2rem;text-align:center}.divider{border-top:5px solid;margin-bottom:1.5rem;width:100%}.projects{margin-top:4rem;display:flex;justify-content:space-between}.project-number{margin-right:10rem}.project-list{height:60vh;width:40vw}.project-details{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0;padding:.5rem 1.5rem;width:36.3vw;border-radius:5px;text-decoration:none!important}.thin-divider{border-top:2px solid;margin:0 0 1rem}#projectPreview{height:75vh;width:40vw;border:3px solid;border-radius:10px}#projectPicture{opacity:0;width:0%;height:0%;border-radius:7px;object-fit:cover;transition:opacity .3s;transition-timing-function:ease}#hoverPrompt{height:100%;width:100%;display:flex;align-items:center;justify-content:center}@media(max-width:1024px){#projectPreview{display:none}#projectsMain{width:100vw;margin:0}.project-list{width:99.5vw}.project-details{width:unset}.project-number{margin-right:60vw}}@media(max-width:700px){.project-number{margin-right:20vw}}#projectDetails{min-height:75vh;margin:1rem 4rem;display:flex;flex-direction:column;transition:opacity .5s;transition-timing-function:ease}.banner{margin:0 auto;width:74vw;height:60vh;border:2px solid;border-radius:10px;object-fit:cover}.details{margin:1.5rem 10vh}.project-title{margin:.5rem 0}.description{display:flex;justify-content:space-between}td{width:11rem;padding:0 1rem 1.5rem 0}.type{width:14rem;font-size:1.5rem}.project-description{width:100%}.link-container{display:flex;justify-content:space-between;margin:2rem 0}.project-link{display:flex;justify-content:center;width:15rem;text-decoration:none;align-items:center;border-radius:0}.project-link-text{font-size:1.2rem;font-family:chivomedium;margin-right:.5rem}.screenshot{border:2px solid;border-radius:10px;width:100%;height:auto;margin:1rem 0}.detail-container{width:30rem;padding:0 1rem 1.5rem 0;display:flex;gap:1rem;align-items:center}.type-details{width:14rem;display:flex;flex-wrap:wrap;align-items:center;align-content:center}.description-container-left{width:30%}.description-container-right{width:50%}.logo-margin{margin-right:.4rem;margin-bottom:.2rem}.large{margin-right:.8rem}@media(max-width:1024px){#projectDetails{margin:0;width:100vw}.description{flex-direction:column}.details{margin:1.5rem 1rem}.detail-container{width:100%;justify-content:space-between}.description-container-left,.description-container-right{width:100%}.project-link{width:45%}.banner{margin:0 4%;width:92%;height:auto;border:2px solid;border-radius:10px;object-fit:cover}}