@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-primary: #F41915;--c-secodnary: #B80C09;--c-tertiary: #ec5451;--c-light-grey: #E5E7E6;--c-grey: #B7B5B3;--c-clean-black: #141301;--white: #ffffff;--black: #000000}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}*::selection{background:var(--c-primary);color:var(--white)}body{min-height:100vh}body main{margin:6rem 2%;padding:0;min-height:100vh}#hero-img{position:absolute;top:0;left:0;z-index:-1;width:100%}#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-primary)}#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-primary)}.box img{height:50%;border-radius:1rem 1rem 0 0}.box .box-text{padding:1rem}