@font-face{font-family:FiraSans;src:url(/assets/fonts/Fira_Sans/FiraSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inconsolata;src:url(/assets/fonts/Inconsolata/static/Inconsolata-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Source Code Pro;src:url(/assets/fonts/Source_Code_Pro/static/SourceCodePro-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{--f-fira-regular: "FiraSans", system-ui, sans-serif;--f-inconsolata-regular: "Inconsolata", monospace;--f-sourcecode-regular: "Source Code Pro", monospace;--c-lighter: #f1faee;--c-light: #a8dadc;--c-dark: #457b9d;--c-darker: #1d3557;--c-light-grey: #dfdfdf;--white: #ffffff;--black: #000000}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}*::selection{background:var(--c-lighter);color:#000}body{min-height:100vh}body main{margin:6rem 2%;padding:0;min-height:100vh}#root{display:flex;flex-direction:column;justify-content:space-between;min-width:100%;font-family:var(--f-sourcecode-regular)}a{text-decoration:none;color:#000}a .active{color:#000;text-decoration:none}.link{text-decoration:underline;transition:all .2s ease-in-out}.link:hover{color:#d3d3d3}#hero{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:1rem;padding:16rem 0}#hero h1{font-family:var(--f-fira-regular);font-size:clamp(1rem,8vw,4rem);color:var(--c-dark)}#hero h2{font-family:var(--f-inconsolata-regular);font-size:clamp(1rem,4vw,2rem)}.section{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;padding:16rem 0}#project{width:100%;display:flex;flex-wrap:wrap;justify-content:start;align-items:start;padding:0}.box{background-color:var(--white);height:20rem;width:fit-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:1rem;gap:1rem;border:2px solid var(--c-light-grey)}.box img{height:50%;border-radius:1rem 1rem 0 0}.box .box-text{padding:1rem}