:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fefefe;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100vw}.App{display:grid;align-items:center;justify-items:center;min-height:100vh;max-height:100vh;box-sizing:border-box;padding:0 20px;position:relative;font-family:museo-sans,sans-serif;font-weight:300;letter-spacing:2.6}@media(min-width:62.5em){.App{line-height:35px}}.App>svg{position:fixed;z-index:-1;width:65px}@media(min-width:21.875em){.App>svg{width:90px}}@media(min-width:34.375em){.App>svg{width:100px}}@media(min-width:43.75em){.App>svg{width:150px}}.App>svg.about-svg{top:30px;left:20px}@media(min-width:43.75em){.App>svg.about-svg{top:95px;left:20px}}@media(min-width:68.75em){.App>svg.about-svg{top:75px;left:220px}}@media(min-width:90em){.App>svg.about-svg{top:100px;left:280px}}@media(min-width:120em){.App>svg.about-svg{top:225px;left:380px}}.App>svg.projects-svg{top:2px;right:15px}@media(min-width:43.75em){.App>svg.projects-svg{top:25px;right:45px}}@media(min-width:68.75em){.App>svg.projects-svg{top:50px;right:100px}}@media(min-width:90em){.App>svg.projects-svg{top:175px;right:185px}}@media(min-width:120em){.App>svg.projects-svg{top:155px;right:355px}}.App>svg.writings-svg{bottom:5px;left:5px}@media(min-width:43.75em){.App>svg.writings-svg{bottom:20px;left:20px}}@media(min-width:68.75em){.App>svg.writings-svg{bottom:50px;left:120px}}@media(min-width:90em){.App>svg.writings-svg{bottom:150px;left:150px}}@media(min-width:120em){.App>svg.writings-svg{bottom:120px;left:300px}}.App>svg.contact-svg{bottom:25px;right:30px}@media(min-width:43.75em){.App>svg.contact-svg{bottom:30px;right:40px}}@media(min-width:68.75em){.App>svg.contact-svg{bottom:90px;right:130px}}@media(min-width:90em){.App>svg.contact-svg{bottom:130px;right:120px}}@media(min-width:120em){.App>svg.contact-svg{bottom:190px;right:350px}}.card-container{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));grid-template-rows:repeat(2,200px);grid-template-areas:"card1 card2" "card3 card4";justify-self:center;align-self:center;grid-gap:20px;max-width:700px;margin-inline:24px;text-align:center}@media(min-width:62.5em){.card-container{max-width:800px}}.card-container .card{display:grid;align-content:center;justify-content:center;padding:16px;box-shadow:1px 2px 8px 1px #f9b4f033;border-radius:5px;position:relative;cursor:pointer}.card-container .card h2{margin:0;font-size:1.2rem}@media(min-width:37.5em){.card-container .card h2{font-size:1.5rem}}.about-card{background-color:#edededb3}@media(min-width:50em){.about-card{background-color:#ededed80}}.projects-card{background-color:#f7e1e1b3}@media(min-width:50em){.projects-card{background-color:#f7e1e180}}.writings-card{background-color:#dce1e5b3}@media(min-width:50em){.writings-card{background-color:#dce1e580}}.contacts-card{background-color:#edd9f6b3}@media(min-width:50em){.contacts-card{background-color:#edd9f680}}.about-page{min-height:100vh;color:#fff;padding:60px 0;position:relative}@media(min-width:62.5em){.about-page{padding:80px 180px 100px 100px}}@media(min-width:87.5em){.about-page{padding:100px 500px 100px 200px}}.about-page p.page-tag{display:none;text-shadow:2px 6px 10px #bd26e2}@media(min-width:62.5em){.about-page p.page-tag{display:block;font-size:5rem;position:fixed;top:40%;font-weight:700;opacity:.1}}@media(min-width:87.5em){.about-page p.page-tag{font-size:6rem}}.about-page .page-content-wrapper{position:relative}.about-page .page-content{position:relative;padding:0 20px 40px}@media(min-width:68.75em){.about-page .page-content{padding-left:40px;padding-bottom:60px}}.about-page .page-content h1{font-size:2rem}@media(min-width:37.5em){.about-page .page-content h1{font-size:2.8rem;line-height:40px}}.about-page .page-content h3{font-size:1.8rem}@media(min-width:62.5em){.about-page .page-content h3{font-size:2.2rem}}.about-page .page-content p{font-size:1.3rem}@media(min-width:37.5em){.about-page .page-content p{font-size:1.8rem}}.about-page .page-content p span.hand-wave{display:inline-block;animation:heyy 3s infinite}@keyframes heyy{20%{transform:scale(1.3) rotate(85deg)}25%{transform:scale(1.3) rotate(25deg)}30%{transform:scale(1.3) rotate(85deg)}35%{transform:scale(1.3) rotate(25deg)}40%{transform:scale(1.3) rotate(85deg)}45%{transform:scale(1.3) rotate(25deg)}50%{transform:scale(1.3) rotate(85deg)}70%{transform:scale(1) rotate(0)}}.projects-page{min-height:100vh;position:relative;color:#fff;padding:60px 0}@media(min-width:62.5em){.projects-page{padding:80px 100px 60px}}@media(min-width:87.5em){.projects-page{padding:100px 200px 60px}}.projects-page p.page-tag{display:none;text-shadow:2px 6px 10px #bd26e2}@media(min-width:62.5em){.projects-page p.page-tag{display:block;font-size:5rem;position:fixed;top:40%;font-weight:700;opacity:.1}}@media(min-width:87.5em){.projects-page p.page-tag{font-size:6rem}}.projects-page .page-content-wrapper{position:relative}.projects-page .page-content{position:relative;padding:0 20px 40px}@media(min-width:68.75em){.projects-page .page-content{padding-left:40px;padding-bottom:60px}}.projects-page .page-content h1{font-size:2rem}@media(min-width:37.5em){.projects-page .page-content h1{font-size:2.8rem;line-height:40px}}.projects-page .page-content h1 .glass-svg{width:30px;height:30px;vertical-align:top;position:relative}@media(min-width:37.5em){.projects-page .page-content h1 .glass-svg{width:40px;height:40px}}.projects-page .page-content h1 .glass-svg .emoji-smily{animation:muhaha 6s infinite}.projects-page .page-content p{font-size:1.2rem}.projects-page .page-content p.page-intro{padding-right:20px}@media(min-width:50em){.projects-page .page-content p{font-weight:500;font-size:1.5rem}}.projects-page .page-content .projects-container{padding-top:50px}.projects-page .page-content .projects-container .project-item{padding-right:20px;margin-bottom:80px}.projects-page .page-content .projects-container .project-item:after{content:"";display:block;height:3px;width:250px;margin:0 auto;background-color:#fff;border-radius:5px}.projects-page .page-content .projects-container .project-item .project-heading h2{font-size:1.8rem}.projects-page .page-content .projects-container .project-item .project-heading h2:before{content:"";display:inline-block;vertical-align:top;margin-right:10px;width:5px;height:30px;z-index:1;background-color:#1ecbff;box-shadow:-2px 3px 15px 3px #aeecff9c}.projects-page .page-content .projects-container .project-item .thumb{display:grid;justify-items:center;margin-bottom:20px}.projects-page .page-content .projects-container .project-item .thumb img{max-width:100%;height:auto;margin:0 auto}.projects-page .page-content .projects-container .project-item .project-links{text-align:center}.projects-page .page-content .projects-container .project-item .project-links a{display:inline-block;color:#fff;text-decoration:none;font-weight:500;padding:5px 10px;border-radius:5px;position:relative;z-index:1;transition:all .3s}.projects-page .page-content .projects-container .project-item .project-links a:before{content:"";position:absolute;width:100%;height:100%;bottom:0;left:0;z-index:-1;background-color:#0c00b180;border-radius:3px;transition:all .3s}@media(min-width:62.5em){.projects-page .page-content .projects-container .project-item .project-links a:before{height:5px;transform:scaleX(.9)}}.projects-page .page-content .projects-container .project-item .project-links a:after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;z-index:-1;background-color:#fff;border-radius:3px;transform:scaleX(0);visibility:hidden;transition:all .3s ease-in-out 0s}.projects-page .page-content .projects-container .project-item .project-links a:hover:before{background-color:#0c00b1b3;transform:scaleX(1);height:100%}.projects-page .page-content .projects-container .project-item .project-links a:hover:after{visibility:visible;transform:scaleX(1)}.projects-page .page-content .projects-container .project-item .project-links a{font-weight:700;margin:5px}@media(min-width:50em){.projects-page .page-content .projects-container .project-item .project-links a{font-size:1.5rem;font-weight:500}}.projects-page .page-content .projects-container .project-item .project-details{padding-bottom:20px}.projects-page .page-content .projects-container .project-item .project-details p{font-weight:300}@keyframes muhaha{10%{d:path("m47.05519,42.71051c-9.33509,7.19373 -19.70741,7.06753 -29.04251,0c-1.15248,-0.88344 -2.07446,0.63103 -1.38298,2.01929c2.8812,5.04823 8.52835,9.71785 15.90423,9.71785s13.02303,-4.54341 15.90423,-9.71785c0.69149,-1.38826 -0.2305,-2.90273 -1.38298,-2.01929")}11%{d:path("m45.78329,43.40684c-8.46024,6.76695 -17.8605,6.64823 -26.32073,0c-1.04447,-0.83103 -1.88005,0.59359 -1.25337,1.8995c2.61118,4.74874 7.7291,9.14132 14.41373,9.14132s11.80255,-4.27386 14.41373,-9.14132c0.62668,-1.3059 -0.20889,-2.73052 -1.25337,-1.8995")}14%{d:path("m47.05519,42.71051c-9.33509,7.19373 -19.70741,7.06753 -29.04251,0c-1.15248,-0.88344 -2.07446,0.63103 -1.38298,2.01929c2.8812,5.04823 8.52835,9.71785 15.90423,9.71785s13.02303,-4.54341 15.90423,-9.71785c0.69149,-1.38826 -0.2305,-2.90273 -1.38298,-2.01929")}16%{d:path("m45.78329,43.40684c-8.46024,6.76695 -17.8605,6.64823 -26.32073,0c-1.04447,-0.83103 -1.88005,0.59359 -1.25337,1.8995c2.61118,4.74874 7.7291,9.14132 14.41373,9.14132s11.80255,-4.27386 14.41373,-9.14132c0.62668,-1.3059 -0.20889,-2.73052 -1.25337,-1.8995")}18%{d:path("m47.05519,42.71051c-9.33509,7.19373 -19.70741,7.06753 -29.04251,0c-1.15248,-0.88344 -2.07446,0.63103 -1.38298,2.01929c2.8812,5.04823 8.52835,9.71785 15.90423,9.71785s13.02303,-4.54341 15.90423,-9.71785c0.69149,-1.38826 -0.2305,-2.90273 -1.38298,-2.01929")}20%{d:path("m45.78329,43.40684c-8.46024,6.76695 -17.8605,6.64823 -26.32073,0c-1.04447,-0.83103 -1.88005,0.59359 -1.25337,1.8995c2.61118,4.74874 7.7291,9.14132 14.41373,9.14132s11.80255,-4.27386 14.41373,-9.14132c0.62668,-1.3059 -0.20889,-2.73052 -1.25337,-1.8995")}22%{d:path("m47.05519,42.71051c-9.33509,7.19373 -19.70741,7.06753 -29.04251,0c-1.15248,-0.88344 -2.07446,0.63103 -1.38298,2.01929c2.8812,5.04823 8.52835,9.71785 15.90423,9.71785s13.02303,-4.54341 15.90423,-9.71785c0.69149,-1.38826 -0.2305,-2.90273 -1.38298,-2.01929")}65%{d:path("m40.44623,47.37953c-5.37251,3.45941 -11.34196,3.39871 -16.71447,0c-0.66327,-0.42484 -1.19389,0.30346 -0.79593,0.97106c1.65818,2.42765 4.90822,4.67323 9.15316,4.67323s7.49498,-2.18489 9.15316,-4.67323c0.39796,-0.6676 -0.13265,-1.3959 -0.79593,-0.97106")}}.writings-page{min-height:100vh;color:#fff;padding:60px 0;position:relative}@media(min-width:62.5em){.writings-page{padding:80px 180px 100px 100px}}@media(min-width:100em){.writings-page{padding:100px 300px 100px 200px}}.writings-page p.page-tag{display:none;text-shadow:2px 6px 10px #bd26e2}@media(min-width:62.5em){.writings-page p.page-tag{display:block;font-size:5rem;position:fixed;top:40%;font-weight:700;opacity:.1}}@media(min-width:87.5em){.writings-page p.page-tag{font-size:6rem}}.writings-page .page-content-wrapper{position:relative}.writings-page .page-content{padding:0 20px 40px;position:relative}@media(min-width:68.75em){.writings-page .page-content{padding-left:40px;padding-bottom:60px}}.writings-page .page-content h1{font-size:2rem}@media(min-width:37.5em){.writings-page .page-content h1{font-size:2.8rem;line-height:40px}}.writings-page .page-content p{font-size:1.2rem}@media(min-width:50em){.writings-page .page-content p{font-size:1.5rem;font-weight:500}}.writings-page .page-content .article-list{margin-top:50px}.writings-page .page-content .article-list ul{padding-left:0}.writings-page .page-content .article-list ul li{list-style-type:none;position:relative;margin-bottom:30px}.writings-page .page-content .article-list ul li a{display:inline-block;color:#fff;text-decoration:none;font-weight:500;padding:5px 10px;border-radius:5px;position:relative;z-index:1;transition:all .3s}.writings-page .page-content .article-list ul li a:before{content:"";position:absolute;width:100%;height:100%;bottom:0;left:0;z-index:-1;background-color:#0c00b180;border-radius:3px;transition:all .3s}@media(min-width:62.5em){.writings-page .page-content .article-list ul li a:before{height:5px;transform:scaleX(.9)}}.writings-page .page-content .article-list ul li a:after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;z-index:-1;background-color:#fff;border-radius:3px;transform:scaleX(0);visibility:hidden;transition:all .3s ease-in-out 0s}.writings-page .page-content .article-list ul li a:hover:before{background-color:#0c00b1b3;transform:scaleX(1);height:100%}.writings-page .page-content .article-list ul li a:hover:after{visibility:visible;transform:scaleX(1)}.writings-page .page-content .article-list ul li a{line-height:35px;font-size:1rem;margin:0}@media(min-width:50em){.writings-page .page-content .article-list ul li a{font-size:2rem}}.writings-page .page-content .article-list ul li span{position:relative;padding:2px 5px;left:0;bottom:-8px;color:#fff;background-color:#00a362;font-size:.9rem}@media(min-width:62.5em){.writings-page .page-content .article-list ul li span{bottom:0;left:20px}}button:active,button:focus,a:active,a:focus{outline:none}@media(min-width:62.5em){.about-page .page-tag{left:-150px}}@media(min-width:62.5em){.projects-page .page-tag,.writings-page .page-tag{left:-120px}}@media(min-width:62.5em){.contacts-page .page-tag{left:-130px}}.contacts-page{min-height:100vh;color:#fff;padding:60px 0;position:relative}@media(min-width:62.5em){.contacts-page{padding:80px 180px 100px 100px}}@media(min-width:87.5em){.contacts-page{padding:100px 500px 100px 200px}}.contacts-page p.page-tag{display:none;text-shadow:2px 6px 10px #bd26e2}@media(min-width:62.5em){.contacts-page p.page-tag{display:block;font-size:5rem;position:fixed;top:40%;font-weight:700;opacity:.1}}@media(min-width:87.5em){.contacts-page p.page-tag{font-size:6rem}}.contacts-page .page-content{padding:0 20px 40px;position:relative}@media(min-width:68.75em){.contacts-page .page-content{padding-left:40px;padding-bottom:60px}}.contacts-page .page-content h1{font-size:2rem}@media(min-width:37.5em){.contacts-page .page-content h1{font-size:2.8rem;line-height:40px}}.contacts-page .page-content p{font-size:1.2rem}@media(min-width:50em){.contacts-page .page-content p{font-size:1.5rem;font-weight:500}}.contacts-page .page-content .link-list ul{padding-left:0;text-align:left}.contacts-page .page-content .link-list ul li{list-style-type:none;display:inline-block;margin:10px}.contacts-page .page-content .link-list ul li a{display:inline-block;padding:12px;border-radius:50%;overflow:hidden;box-shadow:1px 1px 15px #b400ff80;position:relative;transform:translate(0);transition:all .3s}.contacts-page .page-content .link-list ul li a:before{content:"";display:inline-block;position:absolute;width:100%;height:100%;border-radius:50%;bottom:0;right:0;z-index:-1;background-color:#5655b0;transition:all .3s ease-in-out 0s}.contacts-page .page-content .link-list ul li a:after{content:"";display:inline-block;position:absolute;width:2px;height:2px;border-radius:50%;bottom:0;left:0;z-index:-1;transform:scale(0);visibility:hidden;background-color:#0294ce;transition:all .3s ease-in-out 0s}.contacts-page .page-content .link-list ul li a:hover{transform:translateY(-5px);box-shadow:1px 2px 10px 2px #b400ff80}.contacts-page .page-content .link-list ul li a:hover:after{width:100%;height:100%;transform:scale(1);visibility:visible}.contacts-page .page-content .link-list ul li a:hover img{color:#fff}.contacts-page .page-content .link-list ul li a img{vertical-align:middle;width:20px}@media(min-width:50em){.contacts-page .page-content .link-list ul li a img{width:40px}}.btn-back{outline:none;border:none;background-color:#fff;padding:10px;margin-bottom:20px;border-radius:50%;cursor:pointer;box-shadow:1px 2px 12px 2px #e9feff96}.btn-back svg{vertical-align:middle;z-index:1!important;position:relative!important;opacity:1}.custom-scroll{min-height:0;min-width:0}.custom-scroll .outer-container{overflow:hidden;position:relative;transform:translateZ(0)}.custom-scroll .outer-container:hover .custom-scrollbar{opacity:1;transition-duration:.2s}.custom-scroll .inner-container{overflow-x:hidden;overflow-y:scroll}.custom-scroll .inner-container:after{content:"";position:absolute;top:0;right:0;left:0;height:0;background-image:linear-gradient(to bottom,#0003,#0000000d 60%,#0000);pointer-events:none;transition:height .1s ease-in;will-change:height}.custom-scroll .inner-container.content-scrolled:after{height:5px;transition:height .15s ease-out}.custom-scroll.scroll-handle-dragged .inner-container{-webkit-user-select:none;user-select:none}.custom-scroll .custom-scrollbar{position:absolute;height:100%;width:6px;right:0;opacity:1;z-index:1;transition:opacity .4s ease-out;padding:6px 0;box-sizing:border-box;will-change:opacity;pointer-events:none}.custom-scroll .custom-scrollbar.custom-scrollbar-rtl{right:auto;left:0}.custom-scroll.scroll-handle-dragged .custom-scrollbar{opacity:1}.custom-scroll .custom-scroll-handle{position:absolute;width:100%;top:0}.custom-scroll .inner-handle{height:calc(100% - 12px);margin-top:6px;background-color:#ffffff80;border-radius:3px}