@font-face{font-family:Lexend;src:url(/assets/lexend_variable-H2MQLnB8.woff2) format("woff2"),url(/assets/lexend_variable-ChWj3Gi1.woff) format("woff");font-style:normal;font-weight:100 900;font-display:swap;font-optical-sizing:auto}.card{display:flex;flex-direction:column;gap:.125rem;position:relative;border:.125rem solid var(--general);border-radius:1rem;font-weight:700;line-height:1rem;color:var(--general);cursor:pointer;white-space:nowrap;transition:125ms ease-in-out}.card>:first-child{width:fit-content;position:relative}.card>:first-child:after{content:"";width:0;height:.125rem;position:absolute;left:0;bottom:-.125rem;border-radius:.125rem;background-color:var(--general);transition:.25s ease-in-out}.card svg{position:absolute;width:1.25rem;height:1.25rem;right:.5rem;bottom:.5rem}.tagdots{height:1rem;position:relative}.tagdot{width:1rem;aspect-ratio:1;margin-left:-.125rem;position:absolute;border:.125rem solid var(--primary-foreground-inverted);border-radius:100%;transition:125ms ease-in-out}.tagdot.projects{background-color:var(--projects)}.tagdot.learning-outcomes{background-color:var(--learning-outcomes)}.tagdot.technical-learning-outcomes{background-color:var(--technical-learning-outcomes)}.tagdot.professional-learning-outcomes{background-color:var(--professional-learning-outcomes)}@media (hover: hover){.card:hover{border-color:var(--primary-foreground);background-color:var(--primary-background-inverted);color:var(--primary-foreground-inverted)}.card:hover .tagdot{border-color:var(--primary-foreground)}.card:hover>:first-child:after{width:100%;background-color:var(--primary-foreground-inverted)}}@font-face{font-family:Lexend;src:url(/assets/lexend_variable-H2MQLnB8.woff2) format("woff2"),url(/assets/lexend_variable-ChWj3Gi1.woff) format("woff");font-style:normal;font-weight:100 900;font-display:swap;font-optical-sizing:auto}#home,#loading,#error{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2rem}#home h2,#loading h2,#error h2{font-size:1.75rem;color:var(--general)}#home #navigation,#error #navigation{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}#home #navigation #cards{display:flex;gap:1rem}@font-face{font-family:Lexend;src:url(/assets/lexend_variable-H2MQLnB8.woff2) format("woff2"),url(/assets/lexend_variable-ChWj3Gi1.woff) format("woff");font-style:normal;font-weight:100 900;font-display:swap;font-optical-sizing:auto}header{padding:2rem 0;display:flex;flex-direction:column}#header-top{display:flex;justify-content:space-between;align-items:center}#header-bottom{display:flex;flex-wrap:wrap;gap:.5rem;font-weight:700;cursor:default}.tag.p{color:var(--projects)}.tag.lo{color:var(--learning-outcomes)}.tag.tlo,.tag.imp,.tag.davc,.tag.id{color:var(--technical-learning-outcomes)}.tag.plo,.tag.ps,.tag.pl{color:var(--professional-learning-outcomes)}@font-face{font-family:Lexend;src:url(/assets/lexend_variable-H2MQLnB8.woff2) format("woff2"),url(/assets/lexend_variable-ChWj3Gi1.woff) format("woff");font-style:normal;font-weight:100 900;font-display:swap;font-optical-sizing:auto}.button{padding:.5rem;display:flex;gap:.5rem;line-height:1rem;border:.125rem solid var(--primary-foreground);border-radius:1rem;color:var(--primary-foreground);cursor:pointer;white-space:nowrap;transition:125ms ease-in-out}.button.selected{color:var(--primary-foreground-inverted);background-color:var(--primary-background-inverted)}.button>:last-child{position:relative}.button>:last-child:after{content:"";width:0;height:.125rem;position:absolute;left:0;bottom:-.125rem;border-radius:.125rem;background-color:var(--primary-background-inverted);transition:.25s ease-in-out}.button.left{flex-direction:row}.button.right{flex-direction:row-reverse}.button.general{border-color:var(--general);color:var(--general)}.button.general.selected{color:var(--primary-foreground-inverted);background-color:var(--general)}.button.general>:last-child:after{background-color:var(--general)}.button.projects{border-color:var(--projects);color:var(--projects)}.button.projects.selected{color:var(--primary-foreground-inverted);background-color:var(--projects)}.button.projects>:last-child:after{background-color:var(--projects)}.button.learning-outcomes{border-color:var(--learning-outcomes);color:var(--learning-outcomes)}.button.learning-outcomes.selected{color:var(--primary-foreground-inverted);background-color:var(--learning-outcomes)}.button.learning-outcomes>:last-child:after{background-color:var(--learning-outcomes)}.button.technical-learning-outcomes{border-color:var(--technical-learning-outcomes);color:var(--technical-learning-outcomes)}.button.technical-learning-outcomes.selected{color:var(--primary-foreground-inverted);background-color:var(--technical-learning-outcomes)}.button.technical-learning-outcomes>:last-child:after{background-color:var(--technical-learning-outcomes)}.button.professional-learning-outcomes{border-color:var(--professional-learning-outcomes);color:var(--professional-learning-outcomes)}.button.professional-learning-outcomes.selected{color:var(--primary-foreground-inverted);background-color:var(--professional-learning-outcomes)}.button.professional-learning-outcomes>:last-child:after{background-color:var(--professional-learning-outcomes)}@media (hover: hover){.button:hover{color:var(--primary-foreground-inverted);background-color:var(--primary-background-inverted)}.button:hover>:last-child:after{width:100%;background-color:var(--primary-background)}.button.general:hover{color:var(--primary-foreground-inverted);background-color:var(--general)}.button.projects:hover{color:var(--primary-foreground-inverted);background-color:var(--projects)}.button.learning-outcomes:hover{color:var(--primary-foreground-inverted);background-color:var(--learning-outcomes)}.button.technical-learning-outcomes:hover{color:var(--primary-foreground-inverted);background-color:var(--technical-learning-outcomes)}.button.professional-learning-outcomes:hover{color:var(--primary-foreground-inverted);background-color:var(--professional-learning-outcomes)}}@font-face{font-family:Lexend;src:url(/assets/lexend_variable-H2MQLnB8.woff2) format("woff2"),url(/assets/lexend_variable-ChWj3Gi1.woff) format("woff");font-style:normal;font-weight:100 900;font-display:swap;font-optical-sizing:auto}#about-me,#unit{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}#about-me::-webkit-scrollbar,#unit::-webkit-scrollbar{display:none}#about-me a,#unit a{width:fit-content;white-space:nowrap;text-decoration:none;color:var(--general);position:relative;cursor:pointer}#about-me a:after,#unit a:after{content:"";width:0;height:.125rem;position:absolute;left:0;bottom:0;border-radius:.125rem;background-color:var(--general);transition:125ms ease-in-out}#about-me .media,#unit .media{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}#about-me .media .media-item,#unit .media .media-item{width:100%;display:flex;flex-direction:column;text-align:center}#about-me .media .media-item img,#about-me .media .media-item video,#about-me .media .media-item audio,#unit .media .media-item img,#unit .media .media-item video,#unit .media .media-item audio{width:100%;border-radius:1rem}#about-me .media .media-item p,#unit .media .media-item p{width:100%}@media (hover: hover){#about-me a:hover:after,#unit a:hover:after{width:100%}}@media screen and (max-width: 1024px){#about-me .media,#unit .media{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 512px){#about-me .media,#unit .media{grid-template-columns:repeat(2,1fr)}}@font-face{font-family:Lexend;src:url(/assets/lexend_variable-H2MQLnB8.woff2) format("woff2"),url(/assets/lexend_variable-ChWj3Gi1.woff) format("woff");font-style:normal;font-weight:100 900;font-display:swap;font-optical-sizing:auto}:root{--primary-foreground: #050505;--primary-foreground-inverted: #fafafa;--secondary-foreground: #707070;--primary-background: #fafafa;--primary-background-inverted: #050505;--secondary-background: #9e9e9e;--divider: #9e9e9e;--general: #b05858;--projects: #1e8449;--learning-outcomes: #8e44ad;--technical-learning-outcomes: #2874a6;--professional-learning-outcomes: #cb4335}*{margin:0;padding:0;box-sizing:border-box}html{font-size:20px;background-color:var(--primary-background)}body{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:flex-start;font-size:1rem;font-family:Lexend,sans-serif;font-weight:400;line-height:1.5;color:var(--primary-foreground);cursor:default}body::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25}h1{font-size:2.5rem}h2{font-size:2.25rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}.secondary{color:var(--secondary-foreground);font-size:.75rem}header,main{width:62.5%;margin:0 auto}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit}@media screen and (max-width: 1024px){html{font-size:17px}header,main{width:81.25%}}@media screen and (max-width: 512px){html{font-size:14px}header,main{width:calc(100% - 1rem)}}@media (prefers-color-scheme: dark){:root{--primary-foreground: #fafafa;--primary-foreground-inverted: #010000;--secondary-foreground: #808080;--primary-background: #050505;--primary-background-inverted: #fafafa;--secondary-background: #5e5e5e;--divider: #5e5e5e;--general: #bf6060;--projects: #229954;--learning-outcomes: #a569bd;--technical-learning-outcomes: #2e86c1;--professional-learning-outcomes: #e74c3c}}@keyframes fadeIn{to{opacity:1;visibility:visible}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}#portfolio{display:flex;flex-direction:column;gap:2rem}#portfolio #filters{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}#portfolio #filters .filter-level{border:none;min-inline-size:0;max-width:100%;overflow-x:auto;display:flex;gap:.5rem}#portfolio #filters .filter-level::-webkit-scrollbar{display:none}#units-grid{width:100%;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(375px,1fr));gap:1rem}#units-grid::-webkit-scrollbar{display:none}