:root{--font-size-base: clamp(1rem, .34vw + .91rem, 1.19rem);--font-size-lg: clamp(1.2rem, .7vw + 1.2rem, 1.5rem);--font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);--color-text: white;--color-bg: hsl(0, 0%,0%)}h1{font-size:calc(var(--font-size-xl) * .8);margin:0rem 0;font-family:Manrope,sans-serif}h2{font-size:calc(var(--font-size-lg) * 1.2);margin:1rem 0;font-family:Manrope,sans-serif}main{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:var(--font-size-base);color:var(--color-text);overflow:hidden;max-width:100%}html{background:#000;z-index:-20}html,body{font-family:Manrope,sans-serif;margin:0}p{color:#dcdcdc;font-weight:400;font-size:14px}.section-divider{align-self:self-start;margin:auto auto 64px;width:80%;padding-top:12px;position:relative;height:15px;z-index:100}.section-divider h1{position:absolute;content:"";left:0;top:0;padding-right:16px;font-size:calc(var(--font-size-xl) * 1);font-weight:500}.standard-button{font-weight:500;padding:6px 16px;border-radius:4px;font-size:.8em;background:var(--color-text);color:var(--color-bg);text-decoration:none;transition:all .2s ease;display:inline;outline:none;border:none}.orange,.detail-buttons a:first-child{background:linear-gradient(#d63f21,#d23617);color:var(--color-text)}.standard-button:hover{opacity:.8}::-webkit-scrollbar{width:40px;height:12px;background:linear-gradient(90deg,#8d8d8d 30%,#797979 40%,black 42%,black,black 58%,#8d8d8d 60%,#979797 70%)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,transparent 30%,#151515 30%,#404040 35%,#353535 35%,#303030 44%,#252525 49%,white 49%,rgb(230,230,230) 51%,#303030 51%,#404040 65%,#373737 65%,#151515 70%,transparent 70%);border-radius:8px}.show-mobile,.show-desktop{display:none}@media (max-width: 768px){.section-divider{width:90%;margin:0 auto 32px}.show-mobile{display:block}}@media (min-width: 769px){.show-desktop{display:block}}.background-grid{position:fixed;z-index:-1000;display:flex;height:110lvh;top:0;width:100%;background:linear-gradient(180deg,rgba(15,15,15,1) 80px,hsla(0,0%,0%,1) 100%)}.detail-text a{color:var(--color-text);text-decoration:none;font-weight:400}.detail-text a:hover{color:#eb6b47;border-bottom:1px solid hsl(13,80%,60%)}.detail-container{min-width:calc(80vw - 40px);max-width:calc(80vw - 40px);min-height:160vh;margin:48px auto;display:flex;flex-direction:row;justify-content:space-between}.detail-text-column{width:25vw;margin-right:32px}.detail-image-column{width:40vw}.detail-image-container small{font-weight:400;color:#a0a0a0;font-size:.8em;transition:all .2s ease;text-align:right;width:100%}.detail-header{align-self:start;font-weight:500;border-bottom:1px solid #212121;color:#d3d3d3;padding-bottom:24px}.detail-header h1{font-weight:500;color:var(--color-text)}.header-semester{margin-top:8px;color:#969696}.detail-header-tags{display:flex;flex-direction:row;gap:8px 6px;margin-top:16px;flex-wrap:wrap}.detail-header-tag{font-weight:600;padding:6px 12px;border-radius:16px;font-size:.7em;background:rgb(230,230,230);color:var(--color-bg);text-decoration:none;transition:all .2s ease}.detail-header-tag:first-child{background:linear-gradient(#d63f21,#d23617);color:var(--color-text)}.detail-text{max-width:400px;text-align:justify;margin-top:32px;font-weight:500}.detail-text p{color:#a0a0a0}.detail-text h2{font-weight:500;color:var(--color-text)}.detail-image-container{width:min(1000px,100%);max-width:min(1000px,100%);margin:24px 0 32px;display:flex;align-items:flex-end;flex-direction:column}.detail-image{max-width:100%;min-width:100%;border-radius:4px}.detail-image-container small{font-weight:400;color:#8c8c8c;font-size:.6em;transition:all .2s ease;margin-top:4px}.detail-buttons{display:flex;flex-direction:row;gap:16px;border-top:1px solid #212121;padding-top:24px;margin-top:32px;flex-wrap:wrap}.detail-buttons a:first-child img{filter:invert(1)}.project-navigator{display:flex;justify-content:space-between;padding:20px 10% 16px;border-top:1px solid rgb(40,40,40);border-bottom:1px solid rgb(40,40,40);margin-top:75px}.project-navigator a:hover{cursor:pointer}.navigator-next,.navigator-previous{all:unset;text-align:end;position:relative}.navigator-previous{text-align:start}.navigator-next h1,.navigator-previous h1{font-size:1.4em;margin:2px 0 -4px;font-weight:500;color:var(--color-text);min-height:26px}.navigator-previous small,.navigator-next small{font-weight:500;color:#a0a0a0;font-size:.7em;transition:all .2s ease}.navigator-text div{font-size:1.6em;color:#a0a0a0;transition:all .2s ease}.project-navigator-text a:hover small,.project-navigator a:hover div{color:var(--color-text)}.navigator-preview-image{width:80px;position:absolute;top:12px;left:0;opacity:0;transform:scale(.8);transition:all .2s ease}.navigator-next .navigator-preview-image{left:unset;right:-6px;top:12px}.navigator-text{transition:all .2s ease}@media (min-width: 769px){.navigator-next:hover .navigator-text{transform:translate(-90px)}.navigator-previous:hover .navigator-text{transform:translate(90px)}.navigator-next:hover .navigator-preview-image,.navigator-previous:hover .navigator-preview-image{opacity:1;transform:scale(1)}}@media (max-width: 768px){.project-navigator{display:flex;justify-content:space-between;padding:20px 5% 16px}.navigator-text h1{font-size:1.4em}.detail-container{min-width:100%;max-width:100%;min-height:unset;display:flex;flex-direction:column;justify-content:space-between}.detail-text-column,.detail-image-column{width:90%;margin:auto}}