@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";@layer reset,theme,utils,component,overwrite;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:600}}@layer theme{:root{color-scheme:light dark;--ease-spring-2: linear(0,.007,.029 2.2%,.118 4.7%,.625 14.4%,.826 19%,.902,.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,.999 61.6%,.995 71.2%,1);--ease-spring-3: linear( 0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1 );--title-color: #39404b;--bg-color: #ffffff;--fg-color: #272c34;--fg-accent-color: #677488;--accent-color: #272c34;--link-color: light-dark(hotpink, palegreen);--play:#0002;--glass: none;--modal-bg: #FFF7;--modal-backdrop: #FFC966;--modal-filter: blur(20px) brightness(120%);--outline-color: var(--link-color);--outline-bg: var(--link-color);--outline-link-fg: #fff;--c-1: #FFA50099;--c-2: #FFC96699;--c-3: #FFDB9999;--c-4: #FFEDCC99;--c-5: #FFF0E099;--c-6: #FFF5F299;--c-7: #ffffff;--l-0: #f8fbfd;--l-1: #cde1f0;--l-2: #dcebf5;--l-3: #e3eff7;--l-4: #eaf3f9;--l-5: #f1f7fb;--l-6: #f8fbfd;--l-0: #f1fafd;--l-1: #b5d3eb;--l-2: #c1daef;--l-3: #cde2f2;--l-4: #d9eaf6;--l-5: #e5f2f9;--l-6: #f1fafd;--l-7: #ffffff;--cookie-bg: var(--bg-color);--cookie-fg: var(--fg-color);--light-border: #cde1f0}:root body[data-schema=light]{--c-1: #040406;--c-2: #0b0c0d;--c-3: #101215;--c-4: #16181c;--c-5: #1c1f24;--c-6: #21262c;--c-7: #272c34;--modal-backdrop: #cde1f0}:root body[data-schema=dark]{--bg-color: #000000;--fg-color: #fafafa;--fg-accent-color: #cccccc;--accent-color: #cccccc;--play:#fff3;--glass: none;--modal-bg: #9997;--modal-backdrop: #16181c;--modal-filter: blur(15px) brightness(150%);--c-1: #000000;--c-2: #121415;--c-3: #181a1d;--c-4: #1e2125;--c-5: #24282d;--c-6: #2a2f36;--c-7: #30363f}:root body[data-schema=dark].winter{--glass: blur(1px)}@media (prefers-color-scheme: dark){:root{--title-color: #edeef0;--bg-color: #000000;--fg-color: #ffffff;--fg-accent-color: #cccccc;--accent-color: #fafafa;--play:#fff5;--glass: none;--modal-bg: #5557;--modal-backdrop: #1E1E3B;--modal-filter: blur(25px) brightness(150%);--outline-link-fg: #000;--c-1: #000000;--c-2: #350A3B;--c-3: #28082D;--c-4: #1C061F;--c-5: #120415;--c-6: #09020A;--c-7: #000000;--l-0: #000000;--l-1: #232345;--l-2: #1E1D3B;--l-3: #191731;--l-4: #141227;--l-5: #0F0D1E;--l-6: #0A0814;--l-7: #05030A;--light-border: #5e658e}:root body.winter{--glass: blur(1px)}:root body[data-schema=light]{--modal-backdrop: #1c1f24;--c-1: #000000;--c-2: #1C1F24;--c-3: #181B1F;--c-4: #13161A;--c-5: #0F1114;--c-6: #0A0B0D;--c-7: #050507}:root body[data-schema=dark]{--bg-color: #000;--fg-color: #fafafa;--play:#fff5;--modal-backdrop: #171a1e;--c-1: #000000;--c-2: #1C1F24;--c-3: #181B1F;--c-4: #13161A;--c-5: #0F1114;--c-6: #0A0B0D;--c-7: #050507}}}@layer utils{.animation{position:fixed;z-index:6;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;justify-content:center;align-items:center}.animation .animator-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;--tx: 0;--ty: 0;translate:var(--tx) var(--ty)}.animation .animator-container .animator{--width: var(--min-size);--height: var(--min-size);position:absolute;width:var(--width);height:var(--height);background-color:var(--fg-color);border-radius:var(--min-size);will-change:width,height}}@layer utils{dialog{margin:auto;border:none;border-radius:10px;padding:20px;background:var(--modal-bg);-webkit-backdrop-filter:var(--modal-filter);backdrop-filter:var(--modal-filter);transition:display .3s allow-discrete,overlay .3s allow-discrete;animation:popupOut .3s cubic-bezier(.55,.085,.68,.53)}dialog::backdrop{animation:fadeOut .3s linear;background-image:radial-gradient(transparent 2px,var(--modal-backdrop) 2px);background-size:4px 4px;-webkit-backdrop-filter:brightness(100%) blur(3px);backdrop-filter:brightness(100%) blur(3px)}dialog[open]{animation:popupIn .3s cubic-bezier(.55,.085,.68,.53)}dialog[open]::backdrop{opacity:1;animation:fadeIn .3s linear}@keyframes popupIn{0%{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}@keyframes popupOut{0%{opacity:1;translate:0 0;scale:1}to{opacity:0;translate:0 60px;scale:.95}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}}@layer utils{.logo{--size: 90px;--font-size: .85rem;position:fixed;z-index:9;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-start;pointer-events:none;translate:0 -100px}@media (min-width: 992px){.logo{--size: 110px;--font-size: .9rem}}.logo .logo-container{position:relative;display:flex;justify-content:center;align-items:center;pointer-events:auto}.logo .logo-container:before{content:"";display:block;position:absolute;z-index:0;inline-size:calc(var(--size) + 4px);block-size:calc(var(--size) + 4px);background-color:var(--l-0);border-radius:50%;transition:background-color .2s ease;box-shadow:#32325d1a 0 0 12px -2px,#0000001a 0 0 7px -3px}.logo .logo-container>div{pointer-events:none;position:absolute;z-index:1;text-transform:uppercase;display:inline-block;font-size:var(--font-size);font-weight:600;height:var(--size);transform-origin:center;opacity:.6}.logo .logo-container>div:nth-child(1){rotate:-80deg}.logo .logo-container>div:nth-child(2){rotate:-50deg}.logo .logo-container>div:nth-child(3){rotate:-20deg}.logo .logo-container>div:nth-child(4){rotate:20deg}.logo .logo-container>div:nth-child(5){rotate:50deg}.logo .logo-container>div:nth-child(6){rotate:80deg}.logo .logo-container>div:nth-child(7){rotate:120deg}.logo .logo-container>div:nth-child(8){rotate:150deg}.logo .logo-container>div:nth-child(9){rotate:180deg}.logo .logo-container>div:nth-child(10){rotate:210deg}.logo .logo-container>div:nth-child(11){rotate:240deg}}@layer utils{.background{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;--w: 14vw;--h: 14vh;--color: var(--c-1);background-image:url(https://i.ibb.co/nrmkm7d/five-bells-washed-out-logo.png);background-size:140%;background-repeat:no-repeat;background-position:center}@media (prefers-reduced-motion: reduce){.background{display:none}}.background .bg{width:max(var(--w),var(--h));height:max(var(--w),var(--h));border-radius:100%;position:absolute;background-color:var(--color);scale:0}.background .bg.bg--two{--w: 22vw;--h: 22vh;--color: var(--c-2)}.background .bg.bg--three{--w: 34vw;--h: 34vh;--color: var(--c-3)}.background .bg.bg--four{--w: 50vw;--h: 50vh;--color: var(--c-4)}.background .bg.bg--five{--w: 74vw;--h: 74vh;--color: var(--c-5)}.background .bg.bg--six{--w: 100vw;--h: 100vh;--color: var(--c-6)}.background .bg.bg--seven{--w: 200vw;--h: 200vh;--color: var(--c-7)}.lights{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;translate:0 -75%;display:flex;justify-content:center;align-items:center;--h: 20vh;--color: var(--l-1)}.lights .light{width:var(--h);height:var(--h);border-radius:100%;position:absolute;scale:0;background-color:var(--color);will-change:scale}.lights .light.light--two{--h: 32vh;--color: var(--l-2)}.lights .light.light--three{--h: 50vh;--color: var(--l-3)}.lights .light.light--four{--h: 75vh;--color: var(--l-4)}.lights .light.light--five{--h: 110vh;--color: var(--l-5)}.lights .light.light--six{--h: 160vh;--color: var(--l-6)}.lights .light.light--seven{--h: 250vh;--color: var(--l-7)}@media (min-width: 992px){.lights .light{--h: 24vh}.lights .light.light--two{--h: 36vh}.lights .light.light--three{--h: 58vh}.lights .light.light--four{--h: 86vh}.lights .light.light--five{--h: 125vh}.lights .light.light--six{--h: 180vh}.lights .light.light--seven{--h: 260vh}}}@layer utils{.shortcuts-modal form{display:flex;justify-content:flex-end}.shortcuts-modal form button{width:36px;height:36px;background:none;border:none;border-radius:50px;padding:0;color:var(--fg-color);cursor:pointer}.shortcuts-modal form button:focus-visible{outline:2px solid var(--outline-color);outline-offset:5px}.shortcuts-modal .shortcuts-list{list-style:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px;gap:5px}.shortcuts-modal .shortcuts-list .shortcuts-item{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--fg-color)}.shortcuts-modal .shortcuts-list .shortcuts-item .key{flex-shrink:0;display:inline-flex;width:40px;height:40px;border:1px solid #bbb;border-radius:5px;display:grid;place-content:center;background-color:var(--bg-color);color:var(--fg-color)}.shortcuts-modal .shortcuts-list .shortcuts-item .key.key--auto{width:initial;padding-inline:10px;white-space:nowrap}}@layer utils{html,body{inline-size:100%;min-block-size:100%;font-family:Poppins,sans-serif;color:var(--fg-color);background-color:var(--bg-color)}body{--min-size: 2px}body h1,body h2,body h3{color:var(--title-color)}body .page-header{position:fixed;z-index:-2;opacity:0}body .page-main{inline-size:100%}body .page-main .open-shortcuts{position:fixed;z-index:5;left:18px;top:18px;background:none;border:2px solid var(--play);border-radius:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--fg-color);width:50px;height:50px;display:grid;place-content:center;opacity:0;pointer-events:none}@media (hover: hover){body .page-main .open-shortcuts{opacity:1;pointer-events:auto;cursor:pointer}}body .page-main .open-shortcuts:focus-visible{opacity:1;outline:3px solid var(--outline-color);outline-offset:5px}@media (orientation: landscape) and (min-height: 640px){body .page-main .open-shortcuts{top:30px;left:30px}}body .page-main .playPause{--size: 42px;position:fixed;z-index:9;top:18px;right:18px;width:var(--size);height:var(--size);background:transparent;color:var(--play);border:2px solid var(--play);border-radius:50%;opacity:0;scale:0;padding:10px;cursor:pointer;display:flex;justify-content:center;align-items:center}body .page-main .playPause.disabled{cursor:not-allowed}body .page-main .playPause:hover{color:var(--link-color);border-color:var(--link-color)}body .page-main .playPause:focus-visible{outline:3px solid var(--outline-color);outline-offset:5px}body .page-main .playPause .play{translate:1px 0}body .page-main .playPause .pause{display:none}body .page-main .playPause.scrolling .pause{display:block}body .page-main .playPause.scrolling .play{display:none}@media (orientation: landscape) and (min-height: 640px){body .page-main .playPause{--size: 60px;top:initial;right:initial;left:30px;bottom:30px}}body .page-main .page{display:grid;grid-template-columns:[edge-start] clamp(1.5rem,6vw,6rem) [body-start left-start] 1fr [left-end right-start] 1fr [body-end right-end] clamp(1.5rem,6vw,6rem) [edge-end];grid-template-rows:[edge-start] clamp(1.5rem,6vw,6rem) [body-start] 1fr [body-end] clamp(1.5rem,6vw,6rem) [edge-end];position:fixed;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}body .page-main .scroll-trigger{inline-size:100%;block-size:1200vh}body .page-main .p5Canvas{position:fixed;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;filter:var(--glass)}body .page-loading{position:fixed;z-index:5;top:0;right:0;bottom:0;left:0;background-color:var(--bg-color);pointer-events:none}body .page-footer{position:fixed;z-index:4;left:0;bottom:0;inline-size:100%;display:flex;justify-content:center;align-items:center}body .page-footer .copyright{font-size:1rem;text-align:center;display:flex;justify-content:center;align-items:center;padding:1rem;letter-spacing:4px;color:var(--fg-accent-color)}body .visually-hidden:not(:focus-visible):not(:active){width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);position:absolute;white-space:nowrap}body .toast-container{position:fixed;z-index:9;left:0;right:0;bottom:0;padding:5vh;display:flex;justify-content:center;align-items:center}body .toast-container .toast{padding:15px 20px;border:1px solid #bbb;border-radius:10px;text-align:center;vertical-align:center;color:var(--fg-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;scale:.8;translate:0 100%;transition:all .3s ease}body .toast-container .toast.show{opacity:1;scale:1;translate:0 0}body .toast-container .toast .key{display:inline-flex;justify-content:center;align-items:center;margin-inline:.5em;width:40px;height:40px;border:1px solid #bbb;border-radius:5px}@keyframes popupIn{0%{opacity:0;translate:0 100px}to{opacity:1;translate:0 0}}@keyframes CursorActive{0%,to{scale:1}50%{scale:2}}}@layer component{.page--intro .intro-container{grid-column:body;grid-row:body;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.page--intro .intro-container .intro-heading{font-size:clamp(2.5rem,14vw,14rem);line-height:1.5;font-weight:700;color:transparent;-webkit-text-stroke:clamp(2px,.25vw,5px) var(--fg-color);background:none}.page--intro .intro-container .intro-heading>span{color:var(--link-color)}.page--intro .mouse-container{position:fixed;z-index:1;left:0;bottom:4vh;inline-size:100%;padding:0 1rem;display:flex;justify-content:center;align-items:center;pointer-events:none}.page--intro .mouse-container .mouse{opacity:0;translate:0 -100px;pointer-events:auto;padding:5px}.page--intro .mouse-container .mouse .arrow-down{inline-size:10px;block-size:10px;border-radius:2px;border-bottom:2px solid var(--accent-color);border-right:2px solid var(--accent-color);rotate:45deg}@media (prefers-reduced-motion: reduce){.page--intro{display:none}}@keyframes moveGradient{0%{background-position:right}to{background-position:left}}}@layer component{.page--about .about-container{min-height:50vh;grid-column:body;grid-row:body;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;align-items:center;text-align:center}.page--about .about-container .about-heading-container{display:grid;grid-template-areas:title;pointer-events:none}.page--about .about-container .about-heading-container .h2,.page--about .about-container .about-heading-container h2{grid-area:title;font-size:clamp(2rem,9vw,7rem);font-weight:600;line-height:1.5;color:var(--title-color)}.page--about .about-container .about-heading-container .h2 .char{transform-origin:bottom left;opacity:0;scale:.5 0}.page--about .about-container .about-heading-container h2{color:transparent;border-radius:4px}.page--about .about-container .about-heading-container h2:focus-visible{outline:3px solid var(--outline-color);outline-offset:10px}.page--about .about-container .about-message-container{display:grid;grid-template-areas:message;max-width:500px;pointer-events:none}.page--about .about-container .about-message-container .p,.page--about .about-container .about-message-container p{grid-area:mesage;font-size:1rem}.page--about .about-container .about-message-container .p .char{transform-origin:bottom left;opacity:0;scale:.5 0}.page--about .about-container .about-message-container p{color:transparent}}@layer component{.page--technical .techIntro-container{grid-column:body;grid-row:body;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 1fr;padding-block:max(5vh,40px)}.page--technical .techIntro-container .techIntro-heading-container{grid-column:body;display:grid;grid-template-areas:heading;justify-content:flex-start;padding-block-end:1rem}.page--technical .techIntro-container .techIntro-heading-container .h2,.page--technical .techIntro-container .techIntro-heading-container h2{grid-area:heading;display:inline-block;font-size:clamp(2.2rem,8vw,7rem);line-height:1.2;font-weight:600;color:var(--title-color)}.page--technical .techIntro-container .techIntro-heading-container h2{color:transparent;border-radius:4px}.page--technical .techIntro-container .techIntro-heading-container h2:focus-visible{outline:3px solid var(--outline-color);outline-offset:10px}.page--technical .techIntro-container .techIntro-list{grid-column:body;list-style:none;padding-inline-start:1.5rem}@media (min-width: 768px){.page--technical .techIntro-container .techIntro-list{grid-column:right;max-width:500px;padding-inline-start:0}}.page--technical .techIntro-container .techIntro-list li{font-weight:400}.page--technical .techIntro-container .techIntro-list li p{display:grid;grid-template-columns:1.5em 1fr;justify-content:flex-start;align-items:baseline}.page--technical .techIntro-container .techIntro-list li p>span{font-weight:800;font-size:1.5em;color:var(--link-color);text-align:center;translate:0 2px}.page--technical .techList-container{grid-column:body;grid-row:body;display:grid;grid-template-columns:[left-start right-start] 1fr [left-end right-end];grid-template-rows:[top-start] 1fr [top-end bottom-start] 1fr [bottom-end]}@media (min-width: 768px){.page--technical .techList-container{grid-template-columns:subgrid;grid-template-rows:subgrid}}.page--technical .techList-container .techList-group{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding-inline:1rem}.page--technical .techList-container .techList-group.languages-group,.page--technical .techList-container .techList-group.databases-group{grid-column:left;grid-row:top}.page--technical .techList-container .techList-group.frameworks-group,.page--technical .techList-container .techList-group.others-group{grid-column:right;grid-row:bottom}.page--technical .techList-container .techList-group .techList-heading-container{text-align:center;display:grid;grid-template-areas:subheading}.page--technical .techList-container .techList-group .techList-heading-container .h3,.page--technical .techList-container .techList-group .techList-heading-container h3{grid-area:subheading;font-size:clamp(2rem,5vw,5rem);border-radius:4px;font-weight:600;color:var(--title-color)}.page--technical .techList-container .techList-group .techList-heading-container h3{color:transparent;border-radius:4px}.page--technical .techList-container .techList-group .techList-heading-container h3:focus-visible{outline:3px solid var(--outline-color);outline-offset:10px}.page--technical .techList-container .techList-group ol{list-style:none;padding:0;max-width:480px;pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px}.page--technical .techList-container .techList-group ol li{cursor:none;white-space:nowrap;display:flex;justify-content:center;align-items:center;border:1px solid var(--light-border);padding:4px 8px;border-radius:20px;background-color:var(--bg-color);transition:scale .3s ease}@media (prefers-reduced-motion: reduce){.page--technical .techList-container .techList-group ol li{transition:none}}.page--technical .techList-container .techList-group ol li:hover{position:relative;z-index:1;scale:1.4}@media (prefers-reduced-motion: reduce){.page--technical{display:block}.page--technical .techIntro-container{padding-block:clamp(3rem,8vw,8rem);border-bottom:2px solid var(--border-color);grid-template-columns:[edge-start] clamp(1.5rem,6vw,6rem) [body-start left-start] 1fr [left-end right-start] 1fr [body-end right-end] clamp(1.5rem,6vw,6rem) [edge-end]}.page--technical .techList-container{padding-block:clamp(1.5rem,6vw,6rem);grid-template-rows:[top-start] 1fr [top-end second-start] 1fr [second-end third-start] 1fr [third-end bottom-start] 1fr [bottom-end]}.page--technical .techList-container .techList-group{margin-bottom:5vh;justify-content:flex-start}.page--technical .techList-container .techList-group.languages-group{grid-row:top}.page--technical .techList-container .techList-group.frameworks-group{grid-row:second}.page--technical .techList-container .techList-group.databases-group{grid-row:third}.page--technical .techList-container .techList-group.others-group{grid-row:bottom}@media (min-width: 768px){.page--technical .techList-container{grid-template-columns:[edge-start] clamp(1.5rem,6vw,6rem) [body-start left-start] 1fr [left-end right-start] 1fr [body-end right-end] clamp(1.5rem,6vw,6rem) [edge-end];grid-template-rows:[top-start] 1fr [top-end bottom-start] 1fr [bottom-end]}.page--technical .techList-container .techList-group{padding-block:clamp(1rem,4vw,4rem)}.page--technical .techList-container .techList-group.frameworks-group,.page--technical .techList-container .techList-group.languages-group{grid-row:top}.page--technical .techList-container .techList-group.databases-group,.page--technical .techList-container .techList-group.others-group{grid-row:bottom}}}}@layer component{.page--project .projectIntro-container{grid-column:body;grid-row:body;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem}.page--project .projectIntro-container .projectIntro-heading{font-size:clamp(2.2rem,8vw,7rem);line-height:1.2;border-radius:4px}.page--project .projectIntro-container .projectIntro-heading:focus-visible{outline:3px solid var(--outline-color);outline-offset:10px}.page--project .projectIntro-container .projectIntro-message-container{display:grid;grid-template-areas:message;width:95%;max-width:500px}.page--project .projectIntro-container .projectIntro-message-container .p,.page--project .projectIntro-container .projectIntro-message-container p{grid-area:message}.page--project .projectIntro-container .projectIntro-message-container .p .line{pointer-events:none}.page--project .projectIntro-container .projectIntro-message-container p{color:transparent}@media (prefers-reduced-motion: reduce){.page--project .projectIntro-container{padding-inline:clamp(1.5rem,6vw,6rem);padding-block:clamp(5rem,10vw,10rem);border-bottom:2px solid var(--border-color)}}}@layer component{.page--project{overflow:hidden}.page--project .project-container{--size: max(10vh, 80px);grid-column:body;grid-row:body;display:grid;grid-template-columns:1fr;grid-template-rows:var(--size) 1fr var(--size);grid-template-areas:"." "project" "footer"}@media (min-width: 768px){.page--project .project-container{grid-column:edge;grid-template-columns:subgrid;grid-template-areas:". . . ." ". number project project" ". . footer ."}}.page--project .project-container .projectCarousel-container{position:absolute;left:0;right:0;top:0;width:100%;height:var(--size);overflow:hidden}.page--project .project-container .projectCarousel-container .carousel{block-size:100%;margin:0;padding:0;list-style:none;position:relative}.page--project .project-container .projectCarousel-container .carousel>li{block-size:100%;position:absolute;font-weight:600;font-size:clamp(1.5rem,4vw,3rem);text-transform:uppercase;letter-spacing:.1em;padding-inline:3vw;opacity:.2;display:flex;justify-content:center;align-items:flex-end;font-family:Times New Roman,Times,serif}.page--project .project-container .projectNumber-container{grid-area:footer;pointer-events:none;opacity:.2;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}@media (min-width: 768px){.page--project .project-container .projectNumber-container{grid-area:number}}.page--project .project-container .projectNumber-container .projectNumber{font-size:clamp(2.5rem,20vw,20rem);font-family:Orbitron,serif;font-weight:800;color:var(--fg-color);scale:0;block-size:max(10vh,80px);line-height:1;display:flex;justify-content:center;align-items:center}@media (min-width:768px){.page--project .project-container .projectNumber-container .projectNumber{block-size:auto}}.page--project .project-container .projects{grid-area:project;display:grid;grid-template-columns:subgrid;grid-template-areas:"content .";position:relative;z-index:0}@media (min-width: 768px){.page--project .project-container .projects{padding-inline-start:18px}}.page--project .project-container .projects .project{grid-area:content;inline-size:100%;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.page--project .project-container .projects .project .project-heading-container .project-heading{display:inline-block;font-size:clamp(2rem,5vw,5rem);line-height:1.2;border-radius:4px;font-weight:600}.page--project .project-container .projects .project .project-heading-container .project-heading:focus-visible{outline:3px solid var(--outline-color);outline-offset:10px}.page--project .project-container .projects .project .project-label{inline-size:100%;margin-inline-start:auto;max-width:550px;opacity:.5;margin-block:-.5rem;padding-left:6vw}.page--project .project-container .projects .project .project-description{pointer-events:auto;max-width:550px;margin-inline-start:auto;text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty;padding-left:6vw}.page--project .project-container .projects .project .project-description:first-letter{-webkit-initial-letter:2;initial-letter:2;font-weight:600;margin-right:.5em;color:var(--link-color);font-family:Times New Roman,Times,serif}.page--project .project-container .projects .project .project-description>a{color:var(--link-color);text-decoration:none;position:relative;overflow:hidden}.page--project .project-container .projects .project .project-description>a:hover{color:var(--link-color);text-decoration:underline;text-underline-offset:3px;text-decoration-style:double}.page--project .project-container .projects .project .project-description>a:focus-visible{outline:2px solid var(--outline-color);outline-offset:2px}.page--project .project-container .projects .project .project-description>a:focus-visible .arrow path{stroke-dashoffset:0px!important}.page--project .project-container .projects .project .project-link{pointer-events:auto;cursor:pointer;align-self:flex-end;display:flex;text-transform:uppercase;letter-spacing:4px;text-decoration:none;color:var(--fg-color)}.page--project .project-container .projects .project .project-link:hover{color:var(--link-color);text-decoration:underline;text-underline-offset:6px;text-decoration-style:double}.page--project .project-container .projects .project .project-link:focus-visible{outline:3px solid var(--outline-color);outline-offset:5px}.page--project .project-container .projectFooter{--stoke-color: var(--accent-color);--icon-color: var(--fg-color);grid-area:footer;display:flex;justify-content:space-between;align-items:center;pointer-events:auto}@media (min-width:768px){.page--project .project-container .projectFooter{justify-content:flex-end;gap:clamp(1rem,2vw,3rem)}}.page--project .project-container .projectFooter .control{width:var(--size);height:var(--size);display:grid;grid-template-areas:button;padding:0;border:none;background-color:transparent;border-radius:50%;cursor:pointer;position:relative}.page--project .project-container .projectFooter .control .icon,.page--project .project-container .projectFooter .control .circle{grid-area:button}.page--project .project-container .projectFooter .control .icon{justify-self:center;align-self:center}.page--project .project-container .projectFooter .control .circle{transform:rotate(-90deg)}.page--project .project-container .projectFooter .control:focus-visible{outline:3px solid var(--outline-color);outline-offset:5px}.page--project .project-container .projectFooter .control:focus-visible .arrow path{stroke-dashoffset:0px!important}.page--project .project-container .projectFooter .control:before{content:"";display:block;position:absolute;z-index:0;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background-color:var(--accent-color);opacity:0;transition:opacity .3 ease}.page--project .project-container .projectFooter .control:hover{--icon-color: var(--bg-color)}.page--project .project-container .projectFooter .control:hover:before{opacity:1}.page--project .project-container .projectFooter .control:hover .icon{transform:scale(1)!important}.page--project .project-container .projectFooter .control:hover .arrow path{stroke-dashoffset:0px!important}.page--project .project-container .projectFooter.disabled .control{cursor:not-allowed}@media (prefers-reduced-motion: reduce){.page--project{display:block}.page--project .project-container{padding-block:clamp(3rem,8vw,8rem);gap:24px 0;grid-template-rows:1fr var(--size);grid-template-areas:"project" "footer"}@media (min-width: 768px){.page--project .project-container{grid-template-columns:[edge-start] clamp(1.5rem,6vw,6rem) [body-start left-start] 1fr [left-end right-start] 1.5fr [body-end right-end] clamp(1.5rem,6vw,6rem) [edge-end];grid-template-areas:". number project project" ". . footer ."}}@media (max-width: 767px){.page--project .project-container{padding-inline:clamp(1.5rem,6vw,6rem)}}.page--project .project-container .projectCarousel-container{display:none}.page--project .project-container .projectNumber-container .projectNumber{scale:1;font-size:clamp(2rem,10vw,10rem)}.page--project .project-container .projects{overflow:initial;min-height:40vh;align-items:flex-start}.page--project .project-container .projects .project .project-heading-container .project-heading{color:var(--title-color)}.page--project .project-container .projectFooter .icon svg>path{stroke-dashoffset:0}.page--project .project-container .projectFooter .circle>circle{stroke-dashoffset:0}}}@layer component{.page--contact .contact-container{grid-column:body;grid-row:body;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding-block:8vh}.page--contact .contact-container .contact-start{display:flex;justify-content:center;align-items:center;overflow:hidden}.page--contact .contact-container .contact-start .contact-heading-container{display:grid;grid-template-areas:heading}.page--contact .contact-container .contact-start .contact-heading-container .h2,.page--contact .contact-container .contact-start .contact-heading-container h2{grid-area:heading;font-size:clamp(2.2rem,8vw,7rem);line-height:1.2;border-radius:4px;font-weight:600;color:var(--title-color)}.page--contact .contact-container .contact-start .contact-heading-container h2{color:transparent}.page--contact .contact-container .contact-start .contact-heading-container h2:focus-visible{outline:3px solid var(--outline-color);outline-offset:10px}.page--contact .contact-container .contact-end{overflow:hidden;display:flex;justify-content:center;align-items:flex-start;padding-block:2vh}.page--contact .contact-container .contact-end .contact-list{inline-size:100%;list-style:none;padding:0}@media (min-width: 992px){.page--contact .contact-container .contact-end .contact-list{max-width:50vw}}.page--contact .contact-container .contact-end .contact-list li{margin-top:.5rem}.page--contact .contact-container .contact-end .contact-list li p{display:grid;grid-template-columns:68px 1px minmax(0,1fr);gap:1rem;overflow:hidden;align-items:center}.page--contact .contact-container .contact-end .contact-list li p label{color:var(--fg-accent-color)}.page--contact .contact-container .contact-end .contact-list li p .devider{inline-size:2px;block-size:12px;border-radius:2px;background-color:var(--accent-color);color:transparent}.page--contact .contact-container .contact-end .contact-list li p .contact-link{overflow:hidden;padding-inline-start:5px}.page--contact .contact-container .contact-end .contact-list li p .contact-link>a{pointer-events:auto;display:inline-block;color:var(--fg-color)!important;text-decoration:none;position:relative}.page--contact .contact-container .contact-end .contact-list li p .contact-link>a:hover{color:var(--link-color)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-style:double}.page--contact .contact-container .contact-end .contact-list li p .contact-link>a:before{content:"";display:block;position:absolute;z-index:-1;top:0;right:-5px;bottom:0;left:-5px;background-color:var(--outline-bg);border-radius:5px;translate:0 105%;transition:translate .2s ease}@media (prefers-reduced-motion: reduce){.page--contact .contact-container .contact-end .contact-list li p .contact-link>a:before{transition:none}}.page--contact .contact-container .contact-end .contact-list li p .contact-link>a:focus-visible{outline:none;color:var(--outline-link-fg)!important}.page--contact .contact-container .contact-end .contact-list li p .contact-link>a:focus-visible:before{translate:0 0}.page--contact .contact-container .contact-end .contact-list li p .contact-link>a .char{display:inline-block;translate:20px 0;opacity:0}}@layer overwrite{.cursor{--size: 20px;position:fixed;z-index:9999;display:flex;justify-content:center;align-items:center;translate:50vw -25vh;pointer-events:none}.cursor:before{content:"";display:block;width:var(--size);height:var(--size);border-radius:var(--size);position:absolute;transition:all .2s ease;backdrop-filter:invert(100%);-webkit-backdrop-filter:invert(100%)}.cursor:after{content:attr(data-text);position:absolute;z-index:1;text-transform:capitalize;font-size:14px;color:var(--bg-color)}.cursor.active:before{--size: 60px;background-color:var(--fg-color)}.cursor.animator:before{animation:pulse 1.2s infinite}.cursor.none:before{--size: 0}.cursor.hover:before{--size: 0}.cursor--link *,.cursor--hover *{pointer-events:none}}@layer overwrite{@counter-style happy-list{system:cyclic;symbols:"🤙""📫""🤝""🧑‍💻";suffix:"  "}@font-face{font-family:BrushScript;src:url(/fonts/Brush\ Script.ttf) format("truetype");font-weight:400;font-style:normal}@media (prefers-reduced-motion: reduce){:root{--title-color: #475364;--bg-color: #fff;--bg-accent-color: #eceef3;--fg-color: #38414e;--link-color: #FFA500;--border-color: #6662;--outline-color: var(--link-color);--outline-bg: var(--link-color);--card-filter: blur(20px) brightness(105%);--light-border: var(--link-color);--l-1: #FFA500;--l-2: #FFC966;--l-3: #FFDB99;--l-4: #FFEDCC;--l-5: #FFF0E0;--l-6: #FFF5F2;--l-7: #ffffff}@media (prefers-color-scheme: dark){:root{--title-color: #ddd;--bg-color: #000;--bg-accent-color: #262d37;--fg-color: #fff;--link-color: #8f1c8f;--border-color: #9996;--card-filter: blur(25px) brightness(150%);--outline-link-fg: #fff;--l-1: #430D4B;--l-2: #350A3B;--l-3: #28082D;--l-4: #1C061F;--l-5: #120415;--l-6: #09020A;--l-7: #000000}}html{background-color:var(--bg-color);scrollbar-width:thin;scrollbar-color:var(--link-color) var(--bg-color)}html body{background-color:inherit;padding-block-start:25vh;padding-inline:8px}@media (min-width: 840px){html body{padding-block-end:20px;padding-inline:clamp(1.5rem,6vw,6rem)}}html body .page-loading,html body .animation,html body .open-shortcuts,html body .playPause,html body .cursor{display:none}html body .scroll-trigger{block-size:0}html body .logo{translate:0 0}html body .lights{translate:0 -50%}html body .lights .light{scale:1}html body .page-main{pointer-events:auto}html body .page-main .page{position:relative;-webkit-backdrop-filter:var(--card-filter);backdrop-filter:var(--card-filter);border:2px solid var(--border-color);border-radius:clamp(1rem,2vw,2rem)}html body .page-main .page:not(.page--contact){margin-bottom:clamp(1.5rem,6vw,6rem)}html body .page-footer{position:relative;z-index:6}}}