html{scroll-behavior:smooth}:root{line-height:1.5;font-weight:400;container-type:inline-size;display:flex}body{margin:0;min-height:100vh;max-width:100cqw;min-width:100cqw}.container{min-height:100vh;min-width:100cqw;max-width:100cqw;align-self:center;display:flex;flex-flow:column nowrap;justify-content:space-around;background-clip:content-box}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.5rem}.header .info{display:flex;align-items:center;border-radius:0}.header .info .logo{height:4rem;margin:.75rem}.header .info .description h1,.header .info .description h2{margin:0;font-weight:600}.header .info .description h1{font-size:2rem}.header .info .description h2{font-size:1rem}.header .actions{display:flex;gap:1rem}.header .icon svg,.header .toggle-theme svg{font-size:2.5rem}.section{display:flex;flex-flow:column nowrap}.section .title-bar{display:flex;height:fit-content}.section .title-bar .title{width:fit-content;font-size:2.25rem;padding:.25em 1rem;font-weight:600}.section .title-bar .fin{width:2rem}.section .title-bar .right{margin-left:-.15rem;clip-path:polygon(0 -10%,100% 0,10% 100%,0 150%)}.section .title-bar .left{margin-right:-.15rem;clip-path:polygon(100% 0,0 0,90% 100%,100% 100%)}.section .title-bar .inverted-fin{display:none}.section .stick-right{align-self:flex-end}.section .content{padding:1rem}.about{text-indent:1rem;padding:1.5rem}.projects{display:flex;flex-flow:column nowrap;gap:1em}.projects .project-card{display:flex;flex-flow:column-reverse nowrap;align-items:center;justify-content:flex-end;padding:1rem;cursor:pointer}.projects .project-card .project-content{display:flex;flex-flow:column nowrap;gap:.5rem}.projects .project-card .project-content .title h4,.projects .project-card .project-content .title h5{font-weight:600}.projects .project-card .project-content .title h5{font-size:1.25rem}.projects .project-card img{height:12rem;width:10rem}.contact{display:flex;flex-flow:column nowrap;align-items:center;gap:1rem}.contact .preamble{text-indent:1rem;padding:1.5rem}.contact .preamble a{font-weight:600;color:#000}.contact .preamble a.dark{color:#fff}.contact .form{display:flex;flex-flow:column nowrap;gap:.5rem}.contact>*{width:100%}.contact .Mui-disabled{background-color:var(--mui-palette-primary-main)}.footer{padding:1rem}@media (min-width: 768px){:root{font-size:18px}.projects .project-card{flex-flow:row nowrap}}@media (min-width: 1024px){.container{padding:0 10%}.about{margin:1em}.section .title-bar .title{padding:.25em 1.5em}.section .title-bar .inverted-fin{display:inline-block;width:2em}.section .title-bar .inverted-right{margin-left:-.15rem;clip-path:polygon(0 100%,100% 100%,10% 0,0 0)}.section .title-bar .inverted-left{margin-right:-.15rem;clip-path:polygon(100% 100%,0 100%,90% 0,100% 0)}.projects{flex-flow:row;margin:1.5rem;gap:1.5rem;font-size:16px}.projects .project-card{justify-content:flex-end;flex-flow:column-reverse nowrap;flex:1;padding:1rem}.projects .project-card img{height:9.6rem;width:8rem}.contact{flex-flow:row nowrap;margin:1em}.contact .preamble{align-self:flex-start}}@media (min-width: 1440px){:root{font-size:20px}.container{padding:0 15%}.section .title-bar .title{padding:.25em 2em}}@media (min-width: 2560px){:root{font-size:24px}.container{padding:0 20%}.section .title-bar .title{padding:.25em 2em}.projects .project-card{flex-flow:row nowrap}}