@font-face{font-family:Geometria;font-style:normal;font-weight:700;src:url(/static/media/Geometria-Bold.769449872393fcec5187.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:italic;font-weight:700;src:url(/static/media/Geometria-BoldItalic.69680e44e1caceabe250.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:normal;font-weight:800;src:url(/static/media/Geometria-ExtraBold.401335bab5857c29b783.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:italic;font-weight:800;src:url(/static/media/Geometria-ExtraBoldItalic.e52ef9f495bf938bf15f.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:normal;font-weight:200;src:url(/static/media/Geometria-ExtraLight.f9c2e90a46db38e2bd90.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:italic;font-weight:200;src:url(/static/media/Geometria-ExtraLightItalic.220158962a5e0f50e00a.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:normal;font-weight:900;src:url(/static/media/Geometria-Heavy.9b984505e0cda95a2f44.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:italic;font-weight:900;src:url(/static/media/Geometria-HeavyItalic.215c10e9385aa91b194c.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:italic;font-weight:400;src:url(/static/media/Geometria-Italic.eb683c6212d06280e82e.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:normal;font-weight:300;src:url(/static/media/Geometria-Light.c99fae6855e6d7f70a9c.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:italic;font-weight:300;src:url(/static/media/Geometria-LightItalic.14197018b349e84279ad.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:normal;font-weight:500;src:url(/static/media/Geometria-Medium.9d497e26989fd3f38f91.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:italic;font-weight:500;src:url(/static/media/Geometria-MediumItalic.b9719e080b7a8b236cfa.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:normal;font-weight:400;src:url(/static/media/Geometria-Regular.58f5b6851852f66424c9.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:normal;font-weight:100;src:url(/static/media/Geometria-Thin.2ba5b6c5054039034def.woff2) format("woff2")}@font-face{font-family:Geometria;font-style:italic;font-weight:100;src:url(/static/media/Geometria-ThinItalic.d51eb94958a16a95323d.woff2) format("woff2")}::selection{background-color:#e1e1e1;color:#353535}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e1e1e1;font-family:Geometria,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.preloader{align-items:center;background:#202020;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .5s ease;width:100%;z-index:1000}.preloader.hidden{display:none;opacity:0;pointer-events:none;position:absolute}.loader{animation:pulse 1.5s infinite;font-size:3.5rem;font-weight:600}#load{width:2em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.content{opacity:0;transition:opacity .5s ease .2s}.content.visible{opacity:1}body{background-color:#0d0d0d;cursor:crosshair;overflow-x:hidden}#paper{background-repeat:repeat;height:100vh;left:0;mix-blend-mode:difference;opacity:.23;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.App,.content{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh;min-width:100vw;overflow:hidden}.App{overflow-x:hidden}.coords{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#0d0d0d;border:1px solid #e1e1e110;border-radius:0 1vh 1vh 0;font-weight:300;letter-spacing:.15em;margin-left:-1px;padding:.75vh;position:absolute;top:1vh;width:7em}.coords,.title{align-items:center;display:flex;justify-content:center}.title{flex-direction:column;gap:5vw;height:100%;position:relative;transform:translateY(2em);width:fit-content;z-index:0}.figure,.header,.subheader{transition:transform .1s}.header{color:#fff;cursor:inherit;font-family:geometria;font-size:17.5vw;font-weight:800;text-shadow:0 0 .02em currentColor}.subheader{font-size:1.2vw;font-weight:300;letter-spacing:.2vw}.figures{height:100%;pointer-events:none;width:100%}.figure,.figures{position:absolute}.figure{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);height:10vh}#oval{height:10vw;left:6vw;mask:url(/static/media/oval_mask.6e683a229fd887b89942.svg) center/contain no-repeat;-webkit-mask:url(/static/media/oval_mask.6e683a229fd887b89942.svg) center/contain no-repeat;top:11vw}#star{height:13vw;left:24.5vw;mask:url(/static/media/star_mask.d0b8f6c3b35d4ecef6ad.svg) center/contain no-repeat;-webkit-mask:url(/static/media/star_mask.d0b8f6c3b35d4ecef6ad.svg) center/contain no-repeat;top:1vw}#disk{height:9vw;left:43.5vw;mask:url(/static/media/disk_mask.38baed4a7baf7ce266e8.svg) center/contain no-repeat;-webkit-mask:url(/static/media/disk_mask.38baed4a7baf7ce266e8.svg) center/contain no-repeat;top:12vw}#cube{height:11vw;left:57vw;mask:url(/static/media/cube_mask.76ed8c26ac79f1591b3a.svg) center/contain no-repeat;-webkit-mask:url(/static/media/cube_mask.76ed8c26ac79f1591b3a.svg) center/contain no-repeat;top:4vw}.pop-up{animation:pop-up 1.5s cubic-bezier(.68,-.55,.27,1.55) both}@keyframes pop-up{0%{transform:translateY(-50px)}to{transform:translateY(0)}}@keyframes idle{0%,to{transform:translateY(-5px)}50%{transform:translateY(5px)}}@media (orientation:portrait){.header{font-size:22vw}.subheader{font-size:4.5vw;letter-spacing:.5vw}.title{gap:8vh;transform:translateY(0)}#cube,#disk,#oval,#star{height:10vw}}@media (max-width:768px){.coords{display:none}}.Topbar{-webkit-backdrop-filter:blur(.8px);backdrop-filter:blur(.8px);background-color:#29292914;border:1px solid #ffffff0d;border-radius:0 0 2.5vw 2.5vw;color:#f5f5f5;height:8vh;left:0;margin-inline:auto;padding:.2vw 4vw;position:absolute;right:0;width:30vw;z-index:10}.Topbar,.icon-div{display:flex;justify-content:space-around}.icon-div{align-items:center;border-radius:2vh;flex-direction:column;padding:0 1vw;position:relative;transition:width .2s ease-in-out;width:6vh}.icon-div:hover{cursor:pointer;width:8vh}.icon-div>img{opacity:.8;text-shadow:0 0 2em currentColor;width:80%}.hover{align-items:end;display:flex;font-size:.9em;font-weight:400;height:180%;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease-in-out;width:100%}.hover:hover{opacity:.8}@media (orientation:portrait){.Topbar{border-radius:0 0 4vh 4vh;height:7vh;width:90%}.icon-div{width:5vh}.icon-div:hover{width:6vh}}.aboutme-modal-backdrop{align-items:center;animation:modal-backdrop-in .38s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px) brightness(.85);backdrop-filter:blur(8px) brightness(.85);background:#0a0a148c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1002}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}.aboutme-modal-window{align-items:flex-start;animation:modal-window-in .38s cubic-bezier(.4,0,.2,1);aspect-ratio:5/3;background:#1e1e28e0;border:1.5px solid #c8c8ff3b;border-radius:22px;box-shadow:0 8px 40px 0 #0009;display:flex;flex-direction:column;max-height:75vh;max-width:1000px;min-width:620px;overflow:hidden;padding:2.7rem 2.1rem 2.3rem;position:relative;width:100%;z-index:1003}.aboutme-modal-bg{background-image:url(/static/media/sphere.868ffc8d9cb67f97e98a.png);background-position:bottom;background-repeat:no-repeat;background-size:40% auto;inset:0;opacity:.35;pointer-events:none;position:absolute;z-index:1}.aboutme-modal-window>:not(.aboutme-modal-bg){position:relative;z-index:2}@keyframes modal-window-in{0%{opacity:0;transform:scale(.88) translateY(36px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:600px){.aboutme-modal-window{aspect-ratio:1/1;max-height:92vh;max-width:96vw;min-width:0;padding:1.5rem 1rem 1.3rem;width:96vw}.aboutme-modal-video{border-radius:10px;max-height:120px;max-width:96vw}}.aboutme-modal-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.aboutme-modal-desc{color:#e5e5e5;font-size:1.54rem;line-height:1.6}.aboutme-modal-close{align-items:center;background:#ffffff1f;border:1px solid #c8c8ff2e;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;position:absolute;right:12px!important;top:8px!important;transition:background .18s,border .18s;width:48px;z-index:1004}.aboutme-modal-close-icon{display:block;height:32px;margin:auto;pointer-events:none;width:32px}.aboutme-modal-close:hover{background:#ffffff38;border:1.5px solid #fff}.my-projects-section{align-items:center;background:#0000;display:flex;flex-direction:column;justify-content:flex-start;min-height:70vh;padding:4vw 0 6vw;width:100vw}.my-projects-title{color:#fff;font-size:5.7rem;font-weight:700;letter-spacing:.04em;margin-bottom:7vw;opacity:0;text-align:center;text-shadow:0 2px 16px #000a;transform:translateY(60px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.my-projects-section.visible .my-projects-title{filter:drop-shadow(0 4px 16px rgba(255,255,255,.233));opacity:1;transform:translateY(0)}.project-logos-row{align-items:center;display:flex;flex-direction:row;gap:1vw;justify-content:center;margin-top:.5vw;width:100%}.project-logo-animated{background:none;border-radius:0;box-shadow:none;cursor:pointer;display:block;height:220px;margin:0;min-width:220px;object-fit:contain;opacity:0;pointer-events:none;transform:translateY(60px) scale(1);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:520px}.my-projects-section.visible .project-logo-animated.visible{filter:drop-shadow(0 4px 16px #fffb);opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}.project-logo-animated:hover{filter:drop-shadow(0 4px 16px #000b);transform:translateY(-6px) scale(1.08)}.project-logo-animated:first-child:hover{filter:drop-shadow(0 4px 16px #ff8673)!important}.project-logo-animated:nth-child(2):hover{filter:drop-shadow(0 4px 16px #b8294f)!important}.project-logo-animated:nth-child(3):hover{filter:drop-shadow(0 4px 16px #0060d6db)!important}@media (max-width:900px){.my-projects-title{box-sizing:border-box;font-size:2rem;margin-bottom:20vw;margin-left:auto;margin-right:auto;max-width:90vw;width:90vw}.project-logos-row{align-items:center;flex-direction:column;gap:4vw;width:10%}.project-logo-animated{box-sizing:border-box;display:block;height:120px;margin-bottom:2vw;max-width:80vw;min-width:0;width:80vw}}
/*# sourceMappingURL=main.63f0bedf.css.map*/