body[data-hero]{--scroll: 0}body[data-hero]>footer{display:none}.shortcuts{position:sticky;top:100svh;left:0;padding:12px;z-index:1;font-size:12px}.shortcuts>div{display:flex;align-items:center;outline:none;user-select:none;margin:8px 0}.shortcuts>div span{width:24px;height:24px;padding:4px;background:#fff;border:1px solid #d9dbdd;border-bottom:1px solid #0476ce;box-shadow:0px 4px 16px light-dark(rgba(0, 0, 0, 0.06), rgba(158, 158, 158, 0.06));border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;transition:.2s cubic-bezier(1, 0, 1, 1)}.shortcuts>div p{margin:0;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}.shortcuts>div:hover span{transition:.2s ease-in;border:1px solid #0476ce;background:#fafafa}.hero{color-scheme:light;padding:24px;display:flex;flex-direction:row;border-radius:16px;height:calc(100dvh - 24px);background:light-dark(#fff, #121212);overflow:hidden}.hero .content{min-width:min(50vw,720px);width:min(50vw,720px);height:calc(100% - 172px);padding:0 120px;z-index:1000;display:flex;flex-direction:column;justify-content:center}.hero .content h1{font-size:4.5rem}.hero .social{z-index:1000;position:absolute;bottom:12px;padding:24px;right:12px}.hero .social span{display:inline-block;width:32px;height:32px}.hero .social svg{width:100%;height:100%}.hero .social path{fill:#000;transition:.5s ease-in}.hero .social svg:hover{filter:drop-shadow(0px 4px 16px light-dark(rgba(0, 0, 0, 0.06), rgba(158, 158, 158, 0.06)))}.hero .social svg:hover path{fill:#0476ce;transition:.2s}.hero .experience{background-image:linear-gradient(-30deg, #d4e1ec, #bcd7ee);box-shadow:0px 4px 16px light-dark(rgba(0, 0, 0, 0.06), rgba(158, 158, 158, 0.06));border-radius:12px;position:relative;width:calc(100vw - min(50vw,720px) - 24px);height:calc(100% - 86px);position:relative}.hero .experience canvas{position:fixed;top:0;left:calc(min(50vw,720px)/2);width:100%;height:100%;transition-property:transform;will-change:transform}.hero .experience .scroll{position:absolute;bottom:-102px;left:-102px;background:#fff;height:172px;width:172px;border-radius:0 16px 0 0;cursor:pointer}.hero .experience .scroll::after{content:"";height:16px;width:16px;position:absolute;bottom:86px;right:-16px;border-radius:0 0 0 16px;box-shadow:-12px 12px 0 12px #fff}.hero .experience .scroll::before{content:"";height:16px;width:16px;position:absolute;top:-16px;left:102px;border-radius:0 0 0 16px;box-shadow:-12px 12px 0 12px #fff}.hero .experience .scroll .hover-area{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000}.hero .experience .scroll .hover-area:hover+svg text{transform:rotate(180deg);transition:transform 5s}section.projects{color-scheme:light;border-radius:12px;background:light-dark(#fff, #121212);height:calc(100dvh - 24px)}#screen{height:0;overflow:hidden;width:680px;background:#000}@media(max-width: 1280px){.hero .content h1{font-size:3rem}.hero .content p{font-size:.9rem}}@media(max-width: 992px){.hero .content{padding:0 60px}.hero .experience .scroll::after{box-shadow:-4px 4px 0 4px #fff}.hero .experience .scroll::before{box-shadow:-4px 4px 0 4px #fff}}:root{color-scheme:light dark}*{margin:0;padding:0;box-sizing:border-box}::selection{color:light-dark(#fff, #121212);background-color:light-dark(#1C1C1C, #e0e0e0)}[data-mode=simplified] ::selection{background-color:light-dark(#fff, #121212);color:light-dark(#1C1C1C, #e0e0e0)}@media(max-width: 576px){::selection{background-color:light-dark(#fff, #121212);color:light-dark(#1C1C1C, #e0e0e0)}}html{scroll-behavior:smooth}body{min-height:100dvh;background:light-dark(#FBFAFD, #1e1e1e)}footer{text-align:center;font-size:80%}canvas{margin:0;padding:0;width:100%;height:100%;display:block}section{margin:12px;margin-top:0;box-shadow:0px 4px 16px light-dark(rgba(0, 0, 0, 0.06), rgba(158, 158, 158, 0.06))}section .content{position:relative}.effects{font-family:inherit;font-size:inherit;font-weight:inherit}.effects__mark{color:#0476ce !important}@keyframes blink-caret{from,to{color:rgba(0,0,0,0)}50%{color:inherit}}.emoji{position:relative;display:inline-block}.emoji__waving_hands{user-select:none;animation-delay:1s;transform-origin:75% 75%;animation-name:waving_hands;animation-duration:.75s;will-change:transform}@keyframes waving_hands{0%{transform:rotate(0)}45%{transform:rotate(25deg)}65%{transform:rotate(-15deg)}100%{transform:rotate(0)}}text{font-size:36px !important;user-select:none;transform-origin:250px 250px;transition:transform 1s;transform:rotate(calc(var(--scroll) * 180deg))}svg{max-width:80vmin}.wrapper{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}.background.background--1{position:absolute;top:65%;left:50%;transform:translate(-50%, -50%);width:40rem;height:40rem;z-index:0}.background.background--2{position:fixed;top:-20%;left:-10%;width:35rem;height:35rem;z-index:-1}.background .background__primary{background:radial-gradient(circle at center, #0476ce, #d4e1ec)}.background .background__orb{width:100%;height:100%;border-radius:50% 22% 40% 80%;filter:blur(75px);backdrop-filter:blur(1px);opacity:.5;animation:mesh_orb 10s infinite}@keyframes mesh_orb{0%{transform:translate(0, 0);opacity:.5}25%{transform:translate(70px, -100px)}50%{transform:translate(20px, 150px);opacity:.6}75%{transform:translate(20px, 150px)}100%{transform:translate(0, 0);opacity:.5}}[data-mode=simplified] .hero{color-scheme:light dark;display:flex;justify-content:center;border-radius:0}[data-mode=simplified] .hero .experience,[data-mode=simplified] .hero .social{display:none}[data-mode=simplified] #projects{display:none}[data-mode=simplified] .background.background--1{display:none}[data-mode=simplified] .background.background--2{position:absolute;z-index:1}[data-mode=simplified] section{padding:0 !important;margin:0 !important;height:auto !important;width:auto !important;box-shadow:none !important;background:light-dark(#FBFAFD, #1e1e1e) !important}[data-mode=simplified] section .content{max-width:42em;padding:1.5em !important;min-width:auto !important;width:auto !important}[data-mode=simplified] #screen{overflow:visible;height:auto;width:100%;display:flex;justify-content:center;background:light-dark(#FBFAFD, #1e1e1e) !important}[data-mode=simplified] #screen>div{max-width:42em;padding:1.5em !important;z-index:1000}[data-mode=simplified] #screen a#card_anchor{border:1px solid light-dark(rgba(0, 0, 0, 0.05), rgba(158, 158, 158, 0.05)) !important;background:light-dark(#fff, #121212) !important;padding:1.5em !important}[data-mode=simplified] #screen h1,[data-mode=simplified] #screen h2,[data-mode=simplified] #screen h3,[data-mode=simplified] #screen h4,[data-mode=simplified] #screen h5,[data-mode=simplified] #screen h6{font-family:"Passion One",-apple-system,sans-serif !important;font-weight:700 !important;color:light-dark(#1C1C1C, #e0e0e0) !important;line-height:1.25 !important}[data-mode=simplified] #screen span,[data-mode=simplified] #screen p,[data-mode=simplified] #screen a,[data-mode=simplified] #screen li,[data-mode=simplified] #screen textarea,[data-mode=simplified] #screen button,[data-mode=simplified] #screen select,[data-mode=simplified] #screen label,[data-mode=simplified] #screen b,[data-mode=simplified] #screen input,[data-mode=simplified] #screen text,[data-mode=simplified] #screen ol{color:light-dark(#37352f, #a0a0a0) !important;font-family:-apple-system,sans-serif !important;line-height:1.5 !important;font-size:.875rem !important}[data-mode=simplified] #screen a{color:#0476ce !important}@media(max-width: 768px){.hero{color-scheme:light dark;display:flex;justify-content:center;border-radius:0}.hero .experience,.hero .social{display:none}#projects{display:none}.background.background--1{display:none}.background.background--2{position:absolute;z-index:1}section{padding:0 !important;margin:0 !important;height:auto !important;width:auto !important;box-shadow:none !important;background:light-dark(#FBFAFD, #1e1e1e) !important}section .content{max-width:42em;padding:1.5em !important;min-width:auto !important;width:auto !important}#screen{overflow:visible;height:auto;width:100%;display:flex;justify-content:center;background:light-dark(#FBFAFD, #1e1e1e) !important}#screen>div{max-width:42em;padding:1.5em !important;z-index:1000}#screen a#card_anchor{border:1px solid light-dark(rgba(0, 0, 0, 0.05), rgba(158, 158, 158, 0.05)) !important;background:light-dark(#fff, #121212) !important;padding:1.5em !important}#screen h1,#screen h2,#screen h3,#screen h4,#screen h5,#screen h6{font-family:"Passion One",-apple-system,sans-serif !important;font-weight:700 !important;color:light-dark(#1C1C1C, #e0e0e0) !important;line-height:1.25 !important}#screen span,#screen p,#screen a,#screen li,#screen textarea,#screen button,#screen select,#screen label,#screen b,#screen input,#screen text,#screen ol{color:light-dark(#37352f, #a0a0a0) !important;font-family:-apple-system,sans-serif !important;line-height:1.5 !important;font-size:.875rem !important}#screen a{color:#0476ce !important}}@font-face{font-family:"Passion One";src:local("Passion One"),local("PassionOne"),url("/assets/PassionOne-Bold.ttf") format("truetype");font-weight:700;font-display:swap}h1,h2,h3,h4,h5,h6{font-family:"Passion One",-apple-system,sans-serif;font-weight:700;color:light-dark(#1C1C1C, #e0e0e0);margin:2.5rem 0 1.5rem 0;line-height:1.25}h1 span{margin:0 !important;font-size:inherit}span,p,a,li,textarea,button,select,label,b,input,text,ol{color:light-dark(#37352f, #a0a0a0);font-family:-apple-system,sans-serif;margin:1em 0;line-height:1.5;font-size:.875rem}ol,ul{margin:1em}ol li ol,ol li ul,ul li ol,ul li ul{margin:0 2em}ol li p,ul li p{margin:0}.title{font-size:2.5em}.title+p::first-letter{font-family:"Passion One",-apple-system,sans-serif;font-weight:bold;border-radius:2px;padding:10px 3px 0 3px;margin-right:6px;float:left;color:light-dark(#1C1C1C, #e0e0e0);font-size:325%}a{color:#0476ce;text-decoration:none}a:hover,a:focus,a:active{text-decoration:underline}#overlay--debug,overlay-debug{position:absolute;background:#ecf0f1;padding:8px 24px;display:flex;flex-direction:column;border-radius:8px;display:none;will-change:left,top}#overlay--debug #menu,overlay-debug #menu{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #000;margin-bottom:12px}#overlay--debug #menu .icon,overlay-debug #menu .icon{padding:6px;cursor:pointer}#overlay--debug #menu span,overlay-debug #menu span{margin:12px 0;user-select:none;font-weight:bold}#overlay--debug>div,overlay-debug form>div{display:flex;align-items:center;margin:6px 0}#overlay--debug>div>*,overlay-debug form>div>*{margin:0;margin-right:4px}.container-wrapper{position:relative;padding:1.5em;max-width:42em;margin:0 auto}/*# sourceMappingURL=main.css.map */