*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f1f1;background-color:var(--background);box-sizing:border-box;-webkit-box-sizing:border-box;font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:18px;line-height:20px;margin:0}body:has([data-theme=dark]){background-color:#333;background-color:var(--text-primary)}::selection{background-color:#8ddbb5}:root{--background:#f1f1f1;--text-primary:#333;--blue:#60a2fb;--blue-dark:#223844;--blue-light:#dfebee;--cyan:#8ddbb5;--cyan-dark:#27372f;--cyan-light:#c8ddd4;--yellow:#d9b762;--yellow-dark:#473920;--yellow-light:#eadebc;--red:#d0809d;--red-dark:#651f22;--red-light:#f1cdcd}[data-theme=dark]{--background:#333;--text-primary:#f1f1f1}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}h1{font-size:1.5rem;line-height:1.6rem}h1,h2{font-weight:500;margin:0 0 .5rem}h2{font-size:1.4rem;line-height:1.5rem}h3{font-size:1.3rem;line-height:1.4rem}h3,h4{font-weight:500;margin:0 0 .5rem}h4{font-size:1.2rem;line-height:1.3rem}h5{font-weight:500}h5,h6{font-size:1.1rem;line-height:1.2rem;margin:0 0 .5rem}h6{font-weight:400}a,p{font-size:1rem;line-height:1.1rem;margin:0 0 .5rem}a{color:var(--text-color);text-decoration:underline}ul li{text-align:left}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Raleway;font-style:normal;font-weight:100;src:url(/static/media/Raleway-Thin.37b903083fc82c0bdc17.ttf)}@font-face{font-family:Raleway;font-style:italic;font-weight:100;src:url(/static/media/Raleway-ThinItalic.5af7853a591baaa237ba.ttf)}@font-face{font-family:Raleway;font-style:normal;font-weight:200;src:url(/static/media/Raleway-ExtraLight.e19d39bd2c0c5f58ffea.ttf)}@font-face{font-family:Raleway;font-style:italic;font-weight:200;src:url(/static/media/Raleway-ExtraLightItalic.73a96eeb3d29f3c6a657.ttf)}@font-face{font-family:Raleway;font-style:normal;font-weight:300;src:url(/static/media/Raleway-Light.58bcdae09d89ccd8d086.ttf)}@font-face{font-family:Raleway;font-style:italic;font-weight:300;src:url(/static/media/Raleway-LightItalic.a673b3ada3531cd8e8a8.ttf)}@font-face{font-family:Raleway;font-style:normal;font-weight:400;src:url(/static/media/Raleway-Regular.3927fa2a37e6f7f4c7c0.ttf)}@font-face{font-family:Raleway;font-style:italic;font-weight:400;src:url(/static/media/Raleway-Italic.a0018c8a791a6d9b8e3e.ttf)}@font-face{font-family:Raleway;font-style:normal;font-weight:500;src:url(/static/media/Raleway-Medium.601cda68c7b7bbcc9a12.ttf)}@font-face{font-family:Raleway;font-style:italic;font-weight:500;src:url(/static/media/Raleway-MediumItalic.74d4db62e93d0f988ea3.ttf)}@font-face{font-family:Raleway;font-style:normal;font-weight:600;src:url(/static/media/Raleway-SemiBold.cc770b2afb65067aae51.ttf)}@font-face{font-family:Raleway;font-style:italic;font-weight:600;src:url(/static/media/Raleway-SemiBoldItalic.87b2cd29a7cb14781cae.ttf)}@font-face{font-family:Raleway;font-style:normal;font-weight:700;src:url(/static/media/Raleway-Bold.18960343b3da49bfd353.ttf)}@font-face{font-family:Raleway;font-style:italic;font-weight:700;src:url(/static/media/Raleway-BoldItalic.1eebed4b223d1adc34ae.ttf)}@font-face{font-family:Raleway;font-style:normal;font-weight:800;src:url(/static/media/Raleway-ExtraBold.8b7015f87bd9859e1382.ttf)}@font-face{font-family:Raleway;font-style:italic;font-weight:800;src:url(/static/media/Raleway-ExtraBoldItalic.1d536482cdbec07cc8e9.ttf)}@font-face{font-family:Raleway;font-style:normal;font-weight:900;src:url(/static/media/Raleway-Black.6d75f2b870b0a5df344d.ttf)}@font-face{font-family:Raleway;font-style:italic;font-weight:900;src:url(/static/media/Raleway-BlackItalic.3245b2a2e189bfb7619b.ttf)}.App{box-sizing:border-box;color:var(--text-primary);text-align:center;transition:background-color .4s ease,color .4s ease}.App,footer{background-color:var(--background)}footer{align-items:center;display:flex;height:80px;justify-content:center}.scroll-up-icon{background-color:var(--background);border:none;border-radius:24px;bottom:40px;color:var(--text-primary);cursor:pointer;font-size:22px;height:48px;opacity:.75;padding:0;position:fixed;right:-50px;transition:right .4s ease;width:48px;z-index:12}.scroll-up-active .scroll-up-icon{right:20px}header{align-items:center;background-color:var(--background);display:flex;min-height:calc(100vh + 1px);transition:background .4s ease;z-index:10}.navbar,header{position:relative}.navbar{height:100px;padding:0 20px;transition:height .2s ease;width:100%}.navbar.high{height:200px}.navbar:before{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;transition:background .4s ease,-webkit-backdrop-filter .4s ease;transition:background .4s ease,backdrop-filter .4s ease;transition:background .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease}[data-theme=light] .navbar:before{background:#f1f1f1}[data-theme=dark] .navbar:before{background:#333}[data-theme=light] .navbar.fixed:before{background:hsla(0,0%,95%,.4)}[data-theme=dark] .navbar.fixed:before{background:rgba(51,51,51,.4)}.navbar.fixed{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);position:fixed;top:0}.navbar.fixed,.scroll-indicator{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-indicator{bottom:80px;height:55px;position:absolute}@-webkit-keyframes flash{0%{opacity:0}to{opacity:1}}@keyframes flash{0%{opacity:0}to{opacity:1}}.scroll-indicator p{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:flash;animation-name:flash}.about{bottom:20px;position:absolute;right:50%;top:20px;transition:right 1.5s ease;width:330px;z-index:2}.fixed .about{right:calc(100% - 80px)}.fixed .about.open{right:calc(100% - 360px)}.about a{position:absolute;right:0;top:23px}.profile-pic{background-color:#4c565e;background-image:url(/static/media/face.3f7fce9f9bce8365e586.png),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJcSURBVHgB7d27kcJAEADR5YpULhrCIQ7CIRqCgQS0DgXo0++5ctU1ztbMGAAAAAAc32n24fa4P8dGXf8vp8Hm7PGf+RsQJgDSBECaAEgTAGkCIE0ApAmANAGQJgDSBECaAEg7DxZt+WHXOzwgXGYCkCYA0gRAmgBIEwBpAiBNAKQJgDQBkCYA0gRAmgBIEwBpAiBNAKQJgDQBkCYA0gRAmgBIEwBpAiBNAKQJgDQBkCYA0gRAmgBIEwBpAiBNAKQJgDQBkCYA0gRAmgBIEwBpAiDNmdSJd8+Kfvu8qnOnn2UCkCYA0gRAmgBIEwBpAiBNAKQJgDQBkCYA0gRAmgBIEwBpAiBNAKQJgDQBkCYA0gRAmgBIEwBpAiBNAKQJgDQBkLb6lrFvb1Jj29bedGcCkCYA0gRAmgBIEwBpAiBNAKQJgDQBkCYA0gRAmgBIEwBpAiBNAKQJgDQBkCYA0gRAmgBIEwBpAiBNAKRNd7LY18ORzPYPmQCkCYA0AZAmANIEQJoASBMAaQIgTQCkCYA0AZAmANIEQNp57NDalwVZtscXxCYAaQIgTQCkCYA0AZAmANIEQJoASBMAaQIgTQCkCYA0AZAmANIEQJoASBMAaQIgTQCkCYA0AZAmANIEQJoASNvlYqxfONqZWMvElpkApAmANAGQJgDSBECaAEgTAGkCIE0ApAmANAGQJgDSBECaAEgTAGkCIE0ApAmANAGQJgDSBECaAEgTAGkCIE0ApNkMN2GTWoMJQJoASBMAaQIgTQCkCYA0AZAmANIEQJoASBMAaQIAAAAAAA7uBU0UIzguxyygAAAAAElFTkSuQmCC);background-position:42px top,50%;background-repeat:no-repeat;background-size:42px auto,36px auto;border-radius:4px;height:42px;opacity:1;transition:all .75s ease .75s;width:42px}.hidden .profile-pic{opacity:0}.open .profile-pic{background-position:top,50%;border-radius:21px}.frame{left:-2px;top:-2px;z-index:2}.frame,.intro{position:absolute}.intro{font-size:24px;font-weight:400;line-height:28px;overflow:hidden;padding-right:25px;right:42px;text-align:right;top:0}.intro p{opacity:1}.intro p:first-child,.intro p:nth-child(2){transition:opacity .8s ease}.intro p:nth-child(3),.intro p:nth-child(4){transition:opacity .6s ease .5s}.about:not(.open) p,.intro.hidden p{opacity:0}.intro p{font-size:24px;line-height:30px;margin:0}@media screen and (max-width:666px){.intro{padding-right:10px}.intro p{font-size:16px;max-width:134px}.fixed .about.open{right:calc(100% - 190px)}}.menu-container{bottom:20px;left:50%;position:absolute;top:20px;transition:left 1.5s ease}.fixed .menu-container{left:calc(100% - 80px)}.fixed .menu-container.open{left:calc(100% - 300px);left:calc(100% - 190px);@media screen and (max-width:666px){left:calc(100% - 190px)}}.hamburger-menu{margin-left:26px;transition:margin .4s}.menu{display:flex;margin-bottom:8px}.loading-lines span{display:block;height:4px;opacity:1;position:absolute;z-index:1}.loading .loading-lines span{left:-28px;opacity:0}.loading-lines .blue{background-color:var(--blue);left:26px;top:31px;transition:left .5s linear 2.25s,opacity 0s linear 1.5s;width:24px}.loading-lines .cyan{background-color:var(--cyan);left:30px;top:41px;transition:left .5s linear 2.5s,opacity 0s linear 1.5s;width:20px}.loading-lines .red{background-color:var(--red);left:34px;top:51px;transition:left .5s linear 2.75s,opacity 0s linear 1.5s;width:16px}.menu-item-lines{margin-top:12px}.menu-items{list-style:none;margin:0;padding-left:4px;text-align:left}.menu-items li{opacity:0;overflow:hidden;transition:opacity .4s;width:0}.menu-items li:first-child{transition-delay:.4s}.menu-items li:nth-child(2){transition-delay:.6s}.menu-items li:nth-child(3){transition-delay:.8s}.menu-items li:nth-child(4){transition-delay:1s}.open .menu-items li{opacity:1;width:auto}.menu-items a{color:var(--text-primary);font-weight:700;line-height:28px;text-decoration:none;transition:color .4s}.skills:hover{color:var(--blue)}.experience:hover{color:var(--cyan)}.services:hover{color:var(--yellow)}.contact:hover{color:var(--red)}.theme-switch-btn{all:unset;background-color:var(--text-primary);border-radius:14px;cursor:pointer;height:0;opacity:0;overflow:hidden;padding:0;position:relative;transition:opacity .4s ease 1.2s;width:0}.open .theme-switch-btn{height:16px;opacity:1;overflow:visible;overflow:initial;padding:4px;width:auto}.theme-switch-btn:before{background-color:var(--background);border-radius:12px;content:"";display:block;height:20px;left:2px;position:absolute;top:2px;transition:left .4s ease;width:20px;z-index:1}.theme-switch-btn svg{position:relative;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:-webkit-transform .8s ease-out;transition:transform .8s ease-out;transition:transform .8s ease-out,-webkit-transform .8s ease-out;z-index:2}.theme-switch-btn svg:first-child{margin-right:6px}[data-theme=dark] .theme-switch-btn:before{left:22px}[data-theme=dark] .theme-switch-btn svg:first-child,[data-theme=light] .theme-switch-btn svg:nth-child(2){-webkit-transform:rotate(0deg);transform:rotate(0deg)}@media screen and (max-width:580px){.hamburger-menu{margin-left:23px}}.section-title{overflow:hidden;padding-bottom:50px;padding-top:50px}.section-title h2{display:inline;font-weight:700;margin:0;position:relative;transition:all 1.8s ease}.section-title h2:before{height:4px;width:60vw}.section-title h2:after,.section-title h2:before{content:"";display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all 1.8s ease;transition-delay:.8s}.section-title h2:after{border-radius:4px;height:8px;width:8px}.section-title.blue h2:after,.section-title.blue h2:before{background-color:var(--blue)}.section-title.cyan h2:after,.section-title.cyan h2:before{background-color:var(--cyan)}.section-title.yellow h2:after,.section-title.yellow h2:before{background-color:var(--yellow)}.section-title.red h2:after,.section-title.red h2:before{background-color:var(--red)}.init-left h2{left:-30vw}.init-left h2:before{right:calc(100% + 10px)}.init-left h2:after{right:calc(100% + 5px)}.init-left.unseen h2{left:-100vw}.init-left.unseen h2:before{right:calc(100% + 20px)}.init-left.unseen h2:after{right:calc(100% + 15px)}.init-right h2{right:-30vw}.init-right h2:before{left:calc(100% + 10px)}.init-right h2:after{left:calc(100% + 5px)}.init-right.unseen h2{right:-100vw}.init-right.unseen h2:before{left:calc(100% + 20px)}.init-right.unseen h2:after{left:calc(100% + 15px)}.video-section{overflow:hidden;position:relative;scroll-margin-top:120px;width:100%}.video-section .video-wrapper{height:calc(100% + 1px);overflow:hidden;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.video-section .video-wrapper:after{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);background:var(--background-gradient);bottom:0;content:"";left:0;position:absolute;right:0;top:0}[data-theme=light] .video-section .video-wrapper:after{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px)}.video-section video{left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[data-theme=light] .video-section.blue{background-color:var(--blue-light)}[data-theme=dark] .video-section.blue{background-color:var(--blue-dark)}[data-theme=light] .video-section.cyan{background-color:var(--cyan-light)}[data-theme=dark] .video-section.cyan{background-color:var(--cyan-dark)}[data-theme=light] .video-section.yellow{background-color:var(--yellow-light)}[data-theme=dark] .video-section.yellow{background-color:var(--yellow-dark)}[data-theme=light] .video-section.red{background-color:var(--red-light)}[data-theme=dark] .video-section.red{background-color:var(--red-dark)}.container{display:flex;margin:auto;max-width:1344px;padding-left:15px;padding-right:15px;position:relative}.skills-des,.skills-dev{display:flex;padding-left:10px;padding-right:10px;position:relative;width:50%}.skills-des p:last-child,.skills-dev p:last-child{margin:0}.skills-dev{justify-content:flex-end;text-align:left}.skills-des{justify-content:flex-start;text-align:right}.skills-dev:before{right:70px}.skills-des:after,.skills-dev:before{font-size:300px;font-weight:100;opacity:.15;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.skills-des:after{left:80px}.use-case-wrapper{padding:40px}.use-case-des,.use-case-dev{display:flex;flex-direction:column;height:210px;position:relative;width:210px}.use-case-btn{background-color:initial;border:none;color:var(--text-primary);cursor:pointer;font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.use-case-btn:hover>div:after,.use-case-btn:hover>div:before{font-size:310px;opacity:1}.use-case-dev.use-case-des:before,.use-case-dev:before{content:"{"}.use-case-des:before{content:"["}.use-case-dev:after{content:"}"}.use-case-des.use-case-dev:after,.use-case-des:after{content:"]"}.use-case-des:after,.use-case-des:before,.use-case-dev:after,.use-case-dev:before{color:var(--text-primary);font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:300px;font-weight:100;opacity:.15;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .4s ease}.use-case-des:before,.use-case-dev:before{left:-40px}.use-case-des:after,.use-case-dev:after{right:-40px}.use-case-tags{display:grid;grid-template-areas:"dev space des"}.des-tag,.dev-tag{background-color:var(--background);border-radius:4px;color:var(--cyan);font-size:.8rem;font-weight:700;margin:5px;padding:5px 0;text-align:center}.des-tag{grid-area:des}.dev-tag{grid-area:dev}.use-case-info{flex-grow:1}.use-case-icon{padding:8px;transition:all .4s ease}.use-case-icon path{fill:var(--text-primary)}.enlarge-icon{display:block;margin-left:auto;margin-right:auto;-webkit-transform:translateY(0);transform:translateY(0);transition:all .4s ease}.use-case-btn:hover .enlarge-icon{-webkit-transform:translateY(5px);transform:translateY(5px)}.use-case-btn:hover .use-case-icon{-webkit-transform:scale(105%) translateY(-3px);transform:scale(105%) translateY(-3px)}.enlarge-icon path,.use-case-icon path{transition:all .4s ease}.use-case-btn:hover .enlarge-icon path{fill:var(--cyan)}body:has(.use-case-modal.open){overflow:hidden}.use-case-modal.open{background-color:var(--background);bottom:0;display:block;left:0;max-width:100%;overflow-y:auto;padding:0 15px;position:fixed;right:0;top:0;z-index:99}.use-case-modal{display:none}.use-case-modal .modal-close-btn{background-color:initial;border:none;color:var(--text-primary);cursor:pointer;font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:50px;position:fixed;right:30px;top:30px;z-index:100}@media screen and (max-width:600px){.use-case-modal .modal-close-btn{right:5px}}.use-case-modal .modal-close-btn:hover path{fill:var(--red)}.use-case-modal .container{flex-direction:column;padding-top:80px;text-align:left}.use-case-modal p{margin-bottom:40px}.use-case-modal .images{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:80px}.use-case-modal img{height:auto;margin-bottom:20px;margin-right:20px;max-width:100%}.use-case-modal .mobile-img{max-width:280px}.navigator{bottom:30px;position:fixed;right:30px}.navigator button{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:36px;font-weight:100;padding:0 10px}.navigator button:hover{color:var(--cyan)}[data-theme=light] .services-container{background-color:var(--yellow-light)}[data-theme=dark] .services-container{background-color:var(--yellow-dark)}.services-container li::marker{color:var(--yellow)}@media screen and (max-width:850px){.services-container .container div{width:100%}}[data-theme=light] .contact-container{background-color:var(--red-light)}[data-theme=dark] .contact-container{background-color:var(--red-dark)}
/*# sourceMappingURL=main.d77aa923.css.map*/