@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-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}.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}}.card-container{grid-gap:20px;align-self:center;display:grid;grid-template-areas:"card1 card2" "card3 card4";grid-template-columns:repeat(2,minmax(100px,1fr));grid-template-rows:repeat(2,minmax(200px,auto));justify-self:center;text-align:center}.card-container .card{align-content:center;border-radius:5px;box-shadow:1px 2px 8px 1px #f9b4f033;cursor:pointer;display:grid;height:92%;justify-content:center;padding:10px;position:relative;width:95%}.card-container .card h2{font-size:1.2rem;margin:0}@media (min-width:37.5em){.card-container .card h2{font-size:1.5rem}}.btn-back{background-color:#fff;border:none;border-radius:50%;box-shadow:1px 2px 12px 2px rgba(233,254,255,.588);cursor:pointer;margin-bottom:20px;outline:none;padding:10px}.btn-back svg{opacity:1;position:relative!important;vertical-align:middle;z-index:1!important}.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{background-image:linear-gradient(180deg,#0003 0,#0000000d 60%,#0000);content:"";height:0;left:0;pointer-events:none;position:absolute;right:0;top:0;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{box-sizing:border-box;height:100%;opacity:1;padding:6px 0;pointer-events:none;position:absolute;right:0;transition:opacity .4s ease-out;width:6px;will-change:opacity;z-index:1}.custom-scroll .custom-scrollbar.custom-scrollbar-rtl{left:0;right:auto}.custom-scroll.scroll-handle-dragged .custom-scrollbar{opacity:1}.custom-scroll .custom-scroll-handle{position:absolute;top:0;width:100%}.custom-scroll .inner-handle{background-color:#ffffff80;border-radius:3px;height:calc(100% - 12px);margin-top:6px}.about-page{color:#fff;height:100vh;padding:60px 0;position:fixed;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;font-weight:700;left:-130px;opacity:.1;position:fixed;top:40%;transform:rotate(-90deg)}}@media (min-width:87.5em){.about-page p.page-tag{font-size:6rem}}.about-page .page-content{height:100%;padding:0 20px;position:relative}@media (min-width:68.75em){.about-page .page-content{padding-left:40px}}.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{animation:heyy 3s infinite;display:inline-block}@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)}}table{border-collapse:collapse;font-family:arial,sans-serif;width:100%}table,td,th{border:1px solid #ddd;border-left:none;border-right:none}td,th{padding:8px;text-align:left}tbody tr:hover td{color:#05a2a2;cursor:pointer}.projects-page{color:#000;height:100vh;padding:30px 0;position:relative}@media (min-width:62.5em){.projects-page{padding:40px 100px 30px}}@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;font-weight:700;left:-130px;opacity:.1;position:fixed;top:40%;transform:rotate(-90deg)}}@media (min-width:87.5em){.projects-page p.page-tag{font-size:6rem}}.projects-page .page-content{height:100%;padding-left:20px;position:relative}@media (min-width:68.75em){.projects-page .page-content{padding-left:40px}}.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{height:30px;position:relative;vertical-align:top;width:30px}@media (min-width:37.5em){.projects-page .page-content h1 .glass-svg{height:40px;width: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-size:1.5rem;font-weight:500}}.projects-page .page-content .projects-container{padding-top:50px}.projects-page .page-content .projects-container .project-item{margin-bottom:80px;padding-right:20px}.projects-page .page-content .projects-container .project-item:after{background-color:#000;border-radius:5px;content:"";display:block;height:3px;margin:0 auto;width:250px}.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{background-color:#1ecbff;box-shadow:-2px 3px 15px 3px rgba(174,236,255,.612);content:"";display:inline-block;height:30px;margin-right:10px;vertical-align:top;width:5px;z-index:1}.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{height:auto;margin:0 auto;max-width:100%}.projects-page .page-content .projects-container .project-item .project-links{text-align:center}.projects-page .page-content .projects-container .project-item .project-links a{border-radius:5px;color:#000;display:inline-block;font-weight:500;padding:5px 10px;position:relative;text-decoration:none;transition:all .3s}.projects-page .page-content .projects-container .project-item .project-links a:before{background-color:#0c00b180;border-radius:3px;bottom:0;content:"";height:100%;left:0;position:absolute;transition:all .3s;width:100%;z-index:-1}@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{background-color:#000;border-radius:3px;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:all .3s ease-in-out 0s;visibility:hidden;width:100%}.projects-page .page-content .projects-container .project-item .project-links a:hover:before{background-color:#0c00b1b3;height:100%;transform:scaleX(1)}.projects-page .page-content .projects-container .project-item .project-links a:hover:after{transform:scaleX(1);visibility:visible}.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")}}.topnav{height:4%;left:0;padding-top:30px;position:fixed;right:0;top:0}.button,.topnav{background-color:#80ffff;display:flex}.button{align-items:center;color:#000;cursor:pointer;flex:1 1;font-weight:370;height:100%;justify-content:center;width:100%}.button.active,.button:hover{background-color:#c5ffff}.button-container:hover .button.active{background-color:#80ffff}.writings-page{color:#fff;height:100vh;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;font-weight:700;left:-130px;opacity:.1;position:fixed;top:40%;transform:rotate(-90deg)}}@media (min-width:87.5em){.writings-page p.page-tag{font-size:6rem}}.writings-page .page-content{height:100%;padding:0 20px;position:relative}@media (min-width:68.75em){.writings-page .page-content{padding-left:40px}}.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;margin-bottom:30px;position:relative}.writings-page .page-content .article-list ul li a{border-radius:5px;color:#fff;display:inline-block;font-weight:500;padding:5px 10px;position:relative;text-decoration:none;transition:all .3s}.writings-page .page-content .article-list ul li a:before{background-color:#0c00b180;border-radius:3px;bottom:0;content:"";height:100%;left:0;position:absolute;transition:all .3s;width:100%;z-index:-1}@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{background-color:#fff;border-radius:3px;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:all .3s ease-in-out 0s;visibility:hidden;width:100%}.writings-page .page-content .article-list ul li a:hover:before{background-color:#0c00b1b3;height:100%;transform:scaleX(1)}.writings-page .page-content .article-list ul li a:hover:after{transform:scaleX(1);visibility:visible}.writings-page .page-content .article-list ul li a{font-size:1rem;line-height:35px;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{background-color:#00a362;bottom:-8px;color:#fff;font-size:.9rem;left:0;padding:2px 5px;position:relative}@media (min-width:62.5em){.writings-page .page-content .article-list ul li span{bottom:0;left:20px}}.contacts-page{color:#fff;height:95vh;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;font-weight:700;left:-130px;opacity:.1;position:fixed;top:40%;transform:rotate(-90deg)}}@media (min-width:87.5em){.contacts-page p.page-tag{font-size:6rem}}.contacts-page .page-content{height:100%;padding:0 20px;position:relative}@media (min-width:68.75em){.contacts-page .page-content{padding-left:40px}}.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:center}.contacts-page .page-content .link-list ul li{display:inline-block;list-style-type:none;margin:10px}.contacts-page .page-content .link-list ul li a{border-radius:50%;box-shadow:1px 1px 15px 0 #b400ff80;display:inline-block;overflow:hidden;padding:12px;position:relative;transform:translateX(0);transition:all .3s}.contacts-page .page-content .link-list ul li a:before{background-color:#5655b0;height:100%;right:0;width:100%}.contacts-page .page-content .link-list ul li a:after,.contacts-page .page-content .link-list ul li a:before{border-radius:50%;bottom:0;content:"";display:inline-block;position:absolute;transition:all .3s ease-in-out 0s;z-index:-1}.contacts-page .page-content .link-list ul li a:after{background-color:#0294ce;height:2px;left:0;transform:scale(0);visibility:hidden;width:2px}.contacts-page .page-content .link-list ul li a:hover{box-shadow:1px 2px 10px 2px #b400ff80;transform:translateY(-5px)}.contacts-page .page-content .link-list ul li a:hover:after{height:100%;transform:scale(1);visibility:visible;width:100%}.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}}.App{box-sizing:border-box;display:grid;font-family:museo-sans,sans-serif;font-weight:300;letter-spacing:2.6;max-height:100vh;min-height:100vh;padding:0 20px;position:relative}@media (min-width:62.5em){.App{line-height:35px}}.App.single-card>svg{opacity:0;transform:scale(0) rotate(125deg)}.App>svg{position:fixed;transition:all 1s;width:65px;z-index:-1}@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{left:20px;top:30px}@media (min-width:43.75em){.App>svg.about-svg{left:20px;top:95px}.App>svg.about-svg.hovered{height:140px;width:140px}}@media (min-width:68.75em){.App>svg.about-svg{left:220px;top:75px}}@media (min-width:90em){.App>svg.about-svg{left:280px;top:100px}}@media (min-width:120em){.App>svg.about-svg{left:380px;top:225px}}.App>svg.projects-svg{right:15px;top:2px}@media (min-width:43.75em){.App>svg.projects-svg{right:45px;top:25px}.App>svg.projects-svg.hovered{height:165px;width:165px}}@media (min-width:68.75em){.App>svg.projects-svg{right:100px;top:50px}}@media (min-width:90em){.App>svg.projects-svg{right:185px;top:175px}}@media (min-width:120em){.App>svg.projects-svg{right:355px;top:155px}}.App>svg.writings-svg{bottom:5px;left:5px}@media (min-width:43.75em){.App>svg.writings-svg{bottom:20px;left:20px}.App>svg.writings-svg.hovered{height:170px;width:170px}}@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}.App>svg.contact-svg.hovered{height:180px;width:180px}}@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}}.App>svg.expand{opacity:1;transform:scale(40) rotate(75deg)}@media (min-height:1300px) and (min-width:1000px){.App>svg.expand{transform:scale(50) rotate(75deg)}}@media (min-width:100em){.App>svg.expand{transform:scale(50) rotate(65deg)}}a:active,a:focus,button:active,button:focus{outline:none}.cv-download-container{position:fixed;right:10px;top:10px;z-index:1001}@media (min-width:43.75em){.cv-download-container{right:15px;top:15px}}@media (min-width:68.75em){.cv-download-container{right:20px;top:20px}}@media (min-width:90em){.cv-download-container{right:25px;top:25px}}@media (min-width:120em){.cv-download-container{right:30px;top:30px}}.cv-download-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#2c3e50e6;border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 2px 8px #00000026;color:#fff;display:inline-block;font-family:museo-sans,sans-serif;font-size:13px;font-weight:600;letter-spacing:1px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.cv-download-btn:hover{background-color:#34495ef2;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.cv-download-btn:active{transform:translateY(0)}.cv-download-btn:before{content:"📄";margin-right:6px}@media (max-width:768px){.cv-download-container{right:8px;top:8px}.cv-download-btn{font-size:12px;padding:6px 12px}}.App.single-card .cv-download-btn{opacity:.7}.App.single-card .cv-download-btn:hover{opacity:1}
/*# sourceMappingURL=main.43b8df4c.css.map*/