@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Montserrat:wght@300;900&family=Raleway:wght@900&family=Ubuntu:wght@700&family=Quicksand:wght@700&family=Josefin+Sans:wght@100;700&family=Cabin:wght@700&display=swap";@import"https://unpkg.com/splitting@1.0.6/dist/splitting.css";@font-face{font-family:"icons";src:url("../assets/icons.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:block}[class*=icon-]:before{font-family:"icons";font-style:normal;font-weight:normal;speak:never;display:inline-block;text-decoration:inherit;font-variant:normal;text-transform:none;margin-right:.5em}.icon-globe:before{content:""}.icon-down:before{content:""}.icon-left:before{content:""}.icon-right:before{content:""}.icon-up:before{content:""}.icon-play:before{content:""}.icon-pause:before{content:""}.icon-github:before{content:""}.icon-stackoverflow:before{content:""}a[class*=icon-]::before{display:inline-block;color:var(--link-color);text-decoration:none;transform:scale(1);transition:transform .5s var(--easing)}a[class*=icon-]:hover::before{transform:scale(1.5)}:root{--body-bg: #020024 radial-gradient(circle farthest-corner at center top, #00d4ff, #020024 100%) no-repeat 50% 0;--text-color: white;--accent-color: #f90;--link-color: var(--accent-color);--text-font: Comfortaa;--heading-font: Montserrat;--heading-weight: bold;--site-width-min: 85vw;--site-width-max: 1360px;--site-width: min(var(--site-width-min), var(--site-width-max));--site-padding: calc((100vw - var(--site-width)) / 2);--spacing-small: 0.5rem;--spacing-medium: 1.25rem;--spacing-large: 2.5rem;--easing: cubic-bezier(0.16, 1, 0.3, 1)}*{box-sizing:border-box}html{background:var(--body-bg);background-attachment:fixed;font-size:100%;color:var(--text-color);transition:background-color .75s var(--easing),color .75s var(--easing)}body{min-height:100vh;margin:0;font:1rem/2 var(--text-font),sans-serif}h1,h2,h3,h4,h5,h6{font:var(--heading-weight) 2rem/.9 var(--heading-font),serif;letter-spacing:-0.025em;margin:0 0 var(--spacing-medium);max-width:36rem;text-shadow:1px 1px 2px rgba(0,0,0,.25)}h1,h2{font-size:clamp(3rem, 16vmin, 8rem)}h3{font-size:clamp(1rem, 16vmin, 3rem)}p{margin:0 0 var(--spacing-medium);max-width:40rem}a{cursor:pointer;color:var(--text-color);text-decoration:underline;text-decoration-color:var(--link-color);text-underline-offset:.5rem;transition:color .25s var(--easing)}a:hover{color:var(--link-color)}img{width:auto;height:auto;max-width:100%}video{max-width:100%}ul,ol{margin:0 0 var(--spacing-medium) var(--spacing-large);padding:0}figure{margin:0 0 var(--spacing-medium)}figure img{display:block;width:100%}html.theme-a{--body-bg: #020024;--text-color: white;--accent-color: #f90}a[data-set-theme=a]{background:#020024}html.theme-b{--body-bg: #FFF6E5;--text-color: #3E454C;--accent-color: #FF7F66}a[data-set-theme=b]{background:#FFF6E5}html.theme-c{--body-bg: #D95284;--text-color: #F2F2F2;--accent-color: #F285AD}a[data-set-theme=c]{background:#D95284}html.theme-d{--body-bg: #2C3E50;--text-color: #ECF0F1;--accent-color: #E74C3C}a[data-set-theme=d]{background:#2C3E50}html.theme-e{--body-bg: #E74C3C;--text-color: #ECF0F1;--accent-color: #2C3E50}a[data-set-theme=e]{background:#E74C3C}html.theme-f{--body-bg: #395D73;--text-color: #FCF5E5;--accent-color: #FACCD5}a[data-set-theme=f]{background:#395D73}html.theme-g{--body-bg: #212226;--text-color: white;--accent-color: #71D99E}a[data-set-theme=g]{background:#212226}html.theme-h{--body-bg: #16193B;--text-color: #ADD5F7;--accent-color: #4E7AC7}a[data-set-theme=h]{background:#16193B}html.theme-i{--body-bg: #072026;--text-color: #D99F6C;--accent-color: #D95032}a[data-set-theme=i]{background:#072026}html.theme-j{--body-bg: #403C3B;--text-color: #F1F2E9;--accent-color: #A6988D}a[data-set-theme=j]{background:#403C3B}@keyframes themes-slide-in{0%{transform:translateY(calc((var(--spacing-medium) * 2 + 100%) * -1))}100%{transform:translateY(0)}}#themes{position:fixed;right:var(--spacing-medium);top:var(--spacing-medium);z-index:1;display:flex;align-items:center;gap:var(--spacing-small)}#themes a{display:block;width:1rem;height:1rem;font-size:0;opacity:.5;border:1px solid #fff;border-radius:50%;transition:opacity .25s var(--easing)}#themes a:hover{opacity:1}#themes a.active{opacity:1;box-shadow:.1rem .1rem .25rem rgba(0,0,0,.25)}html.js #themes a{animation:themes-slide-in var(--scrollspy-duration) var(--easing);animation-play-state:paused;animation-fill-mode:backwards}html.js.loaded #themes a{animation-play-state:running}html.js #themes a:nth-child(1){animation-delay:3.5s}html.js #themes a:nth-child(2){animation-delay:3.55s}html.js #themes a:nth-child(3){animation-delay:3.6s}html.js #themes a:nth-child(4){animation-delay:3.65s}html.js #themes a:nth-child(5){animation-delay:3.7s}html.js #themes a:nth-child(6){animation-delay:3.75s}html.js #themes a:nth-child(7){animation-delay:3.8s}html.js #themes a:nth-child(8){animation-delay:3.85s}html.js #themes a:nth-child(9){animation-delay:3.9s}html.js #themes a:nth-child(10){animation-delay:3.95s}:root{--scrollspy-duration: 1.25s}.splitting{perspective:300px}.splitting .char{transform:rotateX(90deg);transform-origin:50% bottom;opacity:0}.in-view .splitting .char{transform:rotateX(0);opacity:1;transition:transform 1s ease,opacity .25s ease;transition-delay:calc(0.1s * var(--char-index))}html.js h1,html.js h2{opacity:0}html.js h1.splitting,html.js h2.splitting{opacity:1}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}section{scroll-snap-align:start;scroll-snap-stop:always}html.loading body::before{content:"Loading...";color:var(--text-color);font-size:4vw;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%)}html.loading body *{visibility:hidden}#bg{position:fixed;left:0;top:0;right:0;bottom:0;z-index:-2;margin:0;pointer-events:none;transform:translateX(100%);transition:transform 2.5s 2s var(--easing)}#bg canvas{position:absolute;left:0;top:0;outline:0;width:100%;height:100%;object-fit:cover;object-position:center center}html.dev #bg{pointer-events:all;z-index:1;opacity:.75}html.loaded #bg{transform:translateX(0)}[data-toggle-bg3d]{position:fixed;left:var(--spacing-medium);top:var(--spacing-medium);font-size:0;line-height:1;transform:scale(0);transition:transform .5s 5s var(--easing)}[data-toggle-bg3d]::before{font-size:1rem;margin:0}html.bg3d-disabled [data-toggle-bg3d]::before{content:""}html.loaded a[data-toggle-bg3d]{transform:scale(1)}@keyframes navigation-slide-in{0%{transform:translateX(calc(4vw + 100%))}100%{transform:translateX(0)}}@keyframes navigation-slide-up{0%{transform:translateY(calc(var(--spacing-medium) * 2 + 100%))}100%{transform:translateX(0)}}#navigation{position:fixed;right:var(--spacing-medium);top:50%;transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;gap:var(--spacing-small)}#navigation a{background-color:var(--text-color);display:block;width:.5rem;height:.5rem;font-size:0;border-radius:50%;transition:opacity .25s var(--easing),background-color .25s var(--easing);opacity:.25}#navigation a.active{opacity:1;background:var(--link-color)}html.js #navigation a{animation:navigation-slide-in var(--scrollspy-duration) var(--easing);animation-play-state:paused;animation-fill-mode:backwards}html.js.loaded #navigation a{animation-play-state:running}html.js #navigation a:nth-child(1){animation-delay:4s}html.js #navigation a:nth-child(2){animation-delay:4.1s}html.js #navigation a:nth-child(3){animation-delay:4.2s}html.js #navigation a:nth-child(4){animation-delay:4.3s}html.js #navigation a:nth-child(5){animation-delay:4.4s}html.js #navigation a:nth-child(6){animation-delay:4.5s}html.js #navigation a:nth-child(7){animation-delay:4.6s}html.js #navigation a:nth-child(8){animation-delay:4.7s}html.js #navigation a:nth-child(9){animation-delay:4.8s}html.js #navigation a:nth-child(10){animation-delay:4.9s}@media(orientation: portrait){#navigation{right:auto;top:auto;left:50%;bottom:var(--spacing-medium);transform:translateX(-50%);flex-direction:row}html.js #navigation a{animation-name:navigation-slide-up}}section{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:15vh var(--site-padding);min-height:100vh}section header{margin-bottom:var(--spacing-large)}section header p{font-size:1.2em}section header>:last-child{margin-bottom:0}section ul{margin-left:0;list-style:none}section ul li{display:inline-block;margin:0 var(--spacing-medium) 0 0}html.js section header p{transform:translate(0, 2rem);opacity:0;transition:transform var(--scrollspy-duration) var(--easing),opacity var(--scrollspy-duration) var(--easing);transition-delay:1s}html.js section.in-view header p{transform:translate(0, 0);opacity:1}html.js #about header p,html.js #contact header p{transition-delay:1.5s}html.js #about ul li,html.js #contact ul li{transform:translate(2rem, 0);opacity:0;transition:transform var(--scrollspy-duration) var(--easing),opacity var(--scrollspy-duration) var(--easing);transition-delay:1.75s}html.js #about ul li:nth-child(1),html.js #contact ul li:nth-child(1){transition-delay:1.75s}html.js #about ul li:nth-child(2),html.js #contact ul li:nth-child(2){transition-delay:1.85s}html.js #about ul li:nth-child(3),html.js #contact ul li:nth-child(3){transition-delay:1.95s}html.js #about ul li:nth-child(4),html.js #contact ul li:nth-child(4){transition-delay:2.05s}html.js #about ul li:nth-child(5),html.js #contact ul li:nth-child(5){transition-delay:2.15s}html.js #about.in-view ul li,html.js #contact.in-view ul li{transform:translate(0, 0);opacity:1}#work article{position:relative;padding:var(--spacing-large);box-shadow:0 .2rem 1rem rgba(0,0,0,.25);border-radius:.5rem;backdrop-filter:blur(20px)}#work>div{display:grid;gap:min(5vw, var(--spacing-large));grid-auto-columns:1fr;perspective:300px;max-width:calc(100% + var(--site-padding) * 2);padding:var(--spacing-large) var(--site-padding);margin:calc(var(--spacing-large) * -1) calc(var(--site-padding) * -1);overflow:auto}#work>div>*{grid-row:1}html.js #work article{opacity:0;transform-origin:50% top;transform:rotateX(-90deg);transition:transform var(--scrollspy-duration) var(--easing),opacity var(--scrollspy-duration) var(--easing)}html.js #work article:nth-child(1){transition-delay:1.5s}html.js #work article:nth-child(2){transition-delay:1.75s}html.js #work article:nth-child(3){transition-delay:2s}html.js #work article:nth-child(4){transition-delay:2.25s}html.js #work article:nth-child(5){transition-delay:2.5s}html.js #work.in-view header p{transform:translate(0, 0);opacity:1}html.js #work.in-view article{opacity:1;transform:rotateX(0)}#play>div{width:100%;display:flex;gap:min(2vw, var(--spacing-large))}#play>div>*{flex-grow:1}#play figure{position:relative;margin:0;overflow:hidden;border-radius:50%;border:min(1vw, 1rem) solid #fff;box-shadow:.25rem .25rem .75rem rgba(0,0,0,.25)}#play figure a{cursor:zoom-in}#play figure::before{display:block;content:"";padding-bottom:100%}#play figure img,#play figure video{position:absolute;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;transform:scale(1);transition:transform .5s ease;border-radius:50%}#play figure img:hover,#play figure video:hover{transform:scale(1.25)}html.js #play figure{transform:scale(0);transition:transform var(--scrollspy-duration) var(--easing)}html.js #play figure:nth-child(1){transition-delay:1.5s}html.js #play figure:nth-child(2){transition-delay:1.6s}html.js #play figure:nth-child(3){transition-delay:1.7s}html.js #play figure:nth-child(4){transition-delay:1.8s}html.js #play figure:nth-child(5){transition-delay:1.9s}html.js #play figure:nth-child(6){transition-delay:2s}html.js #play figure:nth-child(7){transition-delay:2.1s}html.js #play figure:nth-child(8){transition-delay:2.2s}html.js #play figure:nth-child(9){transition-delay:2.3s}html.js #play figure:nth-child(10){transition-delay:2.4s}html.js #play.in-view figure{transform:scale(1)}html.js #end>nav{transform:translate(0, 2rem);opacity:0;transition:transform var(--scrollspy-duration) var(--easing),opacity var(--scrollspy-duration) var(--easing);transition-delay:1.5s}html.js #end.in-view>nav{transform:translate(0, 0);opacity:1}#performance-notice{--performance-notice-bottom: var(--spacing-large);padding:var(--spacing-medium);font-size:80%;color:#fff;text-align:center;position:fixed;left:50%;bottom:var(--performance-notice-bottom);z-index:99;width:max-content;max-width:90%;transform:translate(-50%, calc(100% + var(--performance-notice-bottom) + var(--spacing-medium)));transition:transform 1s var(--easing);border-radius:.5rem}@media(orientation: landscape){#performance-notice{--performance-notice-bottom: var(--spacing-medium)}}#performance-notice::before{background:var(--accent-color);display:block;content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:.5rem;z-index:-1;opacity:.75}#performance-notice p{margin:0}#performance-notice.active{transform:translate(-50%, 0)}/*# sourceMappingURL=app.css.map */