@font-face{font-family:CascadiaCode;src:url(/static/media/CascadiaCode.211e70eb.ttf)}@font-face{font-family:CascadiaCode;src:url(/static/media/CascadiaCode-Italic.1a38356e.ttf);font-style:italic}@font-face{font-family:Montserrat;src:url(/static/media/Montserrat-Regular.a8a11736.ttf)}@font-face{font-family:Montserrat;src:url(/static/media/Montserrat-Medium.0098f804.ttf);font-weight:500}@font-face{font-family:Montserrat;src:url(/static/media/Montserrat-Bold.a3b387c9.ttf);font-weight:700}@font-face{font-family:Montserrat;src:url(/static/media/Montserrat-BoldItalic.215a9e63.ttf);font-style:italic;font-weight:700}body{margin:0;font-family:CascadiaCode,"Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;overflow-x:hidden;line-height:24px;font-size:14px}.logo,body{color:#0e100f}.logo{display:inline-block;width:50px;height:50px}.logo svg{width:100%;height:100%;object-fit:contain}.logo svg path,.logo svg polygon{fill:currentColor}header{padding:9px 20px;position:fixed;top:25px;left:20px;width:calc(100% - 40px);height:60px;z-index:99999;box-sizing:border-box;display:flex;transition:all .2s ease-in-out}header .logo-wrapper:active,header .logo-wrapper:focus{outline:none}header .logo{width:40px;height:40px;color:#fff;transition:all .2s ease-in-out}header .right{margin-left:auto}header .right .nav-menu{display:inline-block;position:relative;top:50%;right:20px;margin:0;padding:0;list-style:none;color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}header .right .nav-menu li{display:inline-block;padding-left:30px;padding-right:30px;cursor:pointer;transition:all .2s ease-in-out}header .right .nav-menu li:hover{color:#ff00d6}@media (max-width:767px){header .right .nav-menu{position:fixed;right:20px;top:90px;text-align:right;transition:all .2s ease-in-out;height:0;overflow:hidden;-webkit-transform:none;-webkit-transform:initial;transform:none;background-color:#00f;padding:0 30px}header .right .nav-menu li{display:block;padding:10px 0 12px}header .right .nav-menu.active{height:190px}}header .right .menu-icon{width:40px;height:30px;box-sizing:border-box;cursor:pointer;vertical-align:middle;display:none;background:none;border:0;position:relative;top:3px}@media (max-width:767px){header .right .menu-icon{display:inline-block}}header .right .menu-icon .line{height:2px;border-radius:2px;width:100%;background-color:#fff;margin-top:3px;margin-bottom:4px;float:left;transition:all .2s ease-in-out}header .right .menu-icon.active .line.line-1{-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}header .right .menu-icon.active .line.line-2{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}header .right .menu-icon.active .line.line-3{width:1;opacity:0}header .right .menu-icon:active,header .right .menu-icon:focus{border:0;outline:none}header.solid{background-color:#fff;box-shadow:0 0 1px 1px rgba(14,16,15,.1);top:20px;left:0;width:100%}header.solid .logo{color:#00f}header.solid .right .nav-menu{color:#0e100f}#sound-player-modal{text-align:center}#sound-player-modal audio:active,#sound-player-modal audio:focus{outline:none}#sound-player-modal .modal-body{padding-top:50px}#picture-modal{text-align:center}#picture-modal img{width:100%;margin-bottom:20px}#intro{width:100%;height:100vh;position:fixed;top:0;left:0}#intro .main-wrapper,#intro .slick-slider{position:absolute;top:0;left:0;width:100%;height:100%}#intro .slick-list,#intro .slick-slider,#intro .slick-track{height:100%}#intro .slick-track{display:flex}#intro .slick-track .slick-slide{display:flex;height:auto}#intro .main-wrapper{position:absolute;top:90px;left:20px;width:calc(100% - 40px);height:calc(100% - 110px);overflow:hidden}#intro .main-wrapper .main-inner-wrapper{padding-top:calc(100vh - 40px)}#intro .main-wrapper .main-inner-wrapper .children{background-color:#fff;position:relative;z-index:9}#intro .main{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);color:#fff;text-align:center}#intro .main h1{text-transform:uppercase;font-size:64px;display:inline-block;margin:0 0 5px;line-height:normal;font-weight:700}@media (max-width:767px){#intro .main h1{font-size:32px}}#intro .bg{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-filter:saturate(0);filter:saturate(0)}#intro .bg img{width:100%;height:100%;object-fit:cover}#intro>.overlay{background-color:#00f;mix-blend-mode:color}#intro .overlay-2,#intro>.overlay{width:calc(100% - 40px);height:calc(100% - 40px);top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);position:absolute}#intro .overlay-2{background-color:#ff00d6;mix-blend-mode:multiply}#intro .glitch{position:relative}#intro .glitch .after,#intro .glitch .before{position:absolute;width:100%;height:100%;background:rgba(0,0,255,.1);overflow:hidden;top:0}#intro .glitch .before{left:2px;text-shadow:-3px 0 #ff00d6}#intro .glitch .after{left:-1px;text-shadow:-2px 0 #00f}#intro .glitch.animate .after,#intro .glitch.animate .before{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:reverse-alternate;animation-direction:reverse-alternate}#intro .glitch.animate .before{-webkit-animation-name:glitch-animation-1;animation-name:glitch-animation-1}#intro .glitch.animate .after{-webkit-animation-name:glitch-animation-2;animation-name:glitch-animation-2}@-webkit-keyframes glitch-animation-1{0%{clip:rect(22px,900px,89px,0)}5%{clip:rect(64px,900px,143px,0)}10%{clip:rect(10px,900px,120px,0)}15%{clip:rect(91px,900px,21px,0)}20%{clip:rect(87px,900px,56px,0)}25%{clip:rect(127px,900px,128px,0)}30%{clip:rect(126px,900px,2px,0)}35%{clip:rect(114px,900px,139px,0)}40%{clip:rect(97px,900px,19px,0)}45%{clip:rect(137px,900px,67px,0)}50%{clip:rect(108px,900px,74px,0)}55%{clip:rect(139px,900px,120px,0)}60%{clip:rect(98px,900px,64px,0)}65%{clip:rect(105px,900px,78px,0)}70%{clip:rect(44px,900px,116px,0)}75%{clip:rect(45px,900px,47px,0)}80%{clip:rect(127px,900px,8px,0)}85%{clip:rect(62px,900px,107px,0)}90%{clip:rect(144px,900px,117px,0)}95%{clip:rect(61px,900px,54px,0)}to{clip:rect(41px,900px,127px,0)}}@keyframes glitch-animation-1{0%{clip:rect(22px,900px,89px,0)}5%{clip:rect(64px,900px,143px,0)}10%{clip:rect(10px,900px,120px,0)}15%{clip:rect(91px,900px,21px,0)}20%{clip:rect(87px,900px,56px,0)}25%{clip:rect(127px,900px,128px,0)}30%{clip:rect(126px,900px,2px,0)}35%{clip:rect(114px,900px,139px,0)}40%{clip:rect(97px,900px,19px,0)}45%{clip:rect(137px,900px,67px,0)}50%{clip:rect(108px,900px,74px,0)}55%{clip:rect(139px,900px,120px,0)}60%{clip:rect(98px,900px,64px,0)}65%{clip:rect(105px,900px,78px,0)}70%{clip:rect(44px,900px,116px,0)}75%{clip:rect(45px,900px,47px,0)}80%{clip:rect(127px,900px,8px,0)}85%{clip:rect(62px,900px,107px,0)}90%{clip:rect(144px,900px,117px,0)}95%{clip:rect(61px,900px,54px,0)}to{clip:rect(41px,900px,127px,0)}}@-webkit-keyframes glitch-animation-2{0%{clip:rect(118px,900px,17px,0)}5%{clip:rect(75px,900px,111px,0)}10%{clip:rect(28px,900px,42px,0)}15%{clip:rect(74px,900px,60px,0)}20%{clip:rect(83px,900px,99px,0)}25%{clip:rect(77px,900px,85px,0)}30%{clip:rect(103px,900px,49px,0)}35%{clip:rect(94px,900px,49px,0)}40%{clip:rect(143px,900px,79px,0)}45%{clip:rect(134px,900px,112px,0)}50%{clip:rect(115px,900px,68px,0)}55%{clip:rect(112px,900px,66px,0)}60%{clip:rect(67px,900px,53px,0)}65%{clip:rect(92px,900px,124px,0)}70%{clip:rect(48px,900px,30px,0)}75%{clip:rect(58px,900px,40px,0)}80%{clip:rect(112px,900px,119px,0)}85%{clip:rect(57px,900px,67px,0)}90%{clip:rect(58px,900px,6px,0)}95%{clip:rect(27px,900px,18px,0)}to{clip:rect(146px,900px,106px,0)}}@keyframes glitch-animation-2{0%{clip:rect(118px,900px,17px,0)}5%{clip:rect(75px,900px,111px,0)}10%{clip:rect(28px,900px,42px,0)}15%{clip:rect(74px,900px,60px,0)}20%{clip:rect(83px,900px,99px,0)}25%{clip:rect(77px,900px,85px,0)}30%{clip:rect(103px,900px,49px,0)}35%{clip:rect(94px,900px,49px,0)}40%{clip:rect(143px,900px,79px,0)}45%{clip:rect(134px,900px,112px,0)}50%{clip:rect(115px,900px,68px,0)}55%{clip:rect(112px,900px,66px,0)}60%{clip:rect(67px,900px,53px,0)}65%{clip:rect(92px,900px,124px,0)}70%{clip:rect(48px,900px,30px,0)}75%{clip:rect(58px,900px,40px,0)}80%{clip:rect(112px,900px,119px,0)}85%{clip:rect(57px,900px,67px,0)}90%{clip:rect(58px,900px,6px,0)}95%{clip:rect(27px,900px,18px,0)}to{clip:rect(146px,900px,106px,0)}}.history-item{margin-bottom:30px}.history-item .date{border:1px solid #00f;display:inline-block;padding:2px 15px;font-size:12px;color:#00f;position:relative}.history-item .date:before{content:"";position:absolute;top:50%;left:-30px;transition:translateY(-50%);border-top:1px solid #00f;width:30px;height:100%}.history-item h4{font-size:18px;font-weight:700;margin-top:15px}.history-item a h4{color:#00f}.history-tree{padding-left:29px;border-left:1px solid #00f}#about{box-sizing:border-box;padding-top:100px;padding-bottom:70px}#about .profile-pic{width:120px;height:120px;border-radius:50%;overflow:hidden;display:inline-block;margin-right:30px;vertical-align:top}#about .profile-pic img{width:100%;height:100%;object-fit:cover}#about .desc{width:calc(100% - 150px);display:inline-block;text-align:justify;padding-top:30px;padding-bottom:100px}@media (max-width:767px){#about .profile-pic{margin:0 auto;display:block}#about .desc{width:100%;padding-left:15px;padding-right:15px}}#what-i-do{box-sizing:border-box;padding-top:100px;padding-bottom:70px}#what-i-do .row{margin-top:30px}#what-i-do .what-item{margin-bottom:50px}#what-i-do .what-item .title{color:#00f;margin-bottom:10px}#what-i-do .what-item .title svg{width:30px;height:30px;vertical-align:middle}#what-i-do .what-item .title h4{margin-left:15px;display:inline-block;vertical-align:middle;font-size:18px;font-weight:700;margin-bottom:0}#what-i-do .skills .skill-wrapper{padding-top:50px;position:relative}#what-i-do .skills .skill-wrapper .rail{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#dbdbdb}#what-i-do .skills .skill-wrapper .text{position:absolute;bottom:6px;left:0;color:#00f;font-weight:700}#what-i-do .skills .skill-wrapper .car{position:absolute;bottom:0;left:0;height:3px;background-color:#ff00d6}#what-i-do .skills .skill-wrapper .car .percentage{right:0;left:auto;position:absolute;bottom:6px;color:#00f;background-color:#fff;z-index:2;padding:1px 3px}.work-item{width:100%;text-align:center;margin-bottom:50px}.work-item .image-wrapper{position:relative;width:100%;overflow:hidden;margin-bottom:15px;cursor:pointer}.work-item .image-wrapper .image-inner-wrapper{position:absolute;width:100%;height:100%;top:0;left:0}.work-item .image-wrapper .image-inner-wrapper img{width:100%;-webkit-filter:saturate(0);filter:saturate(0)}.work-item .image-wrapper .image-inner-wrapper img,.work-item .image-wrapper .overlay{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);transition:all .2s ease-in-out}.work-item .image-wrapper .overlay{width:calc(100% - 40px);height:calc(100% - 40px);opacity:1;background-color:#00f;mix-blend-mode:color}.work-item .image-wrapper .overlay.pink{background-color:#ff00d6;mix-blend-mode:multiply}.work-item .image-wrapper svg{width:36px!important;height:36px;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);opacity:1;transition:all .2s ease-in-out}.work-item .image-wrapper:hover img{-webkit-filter:saturate(100%);filter:saturate(100%)}.work-item .image-wrapper:hover .overlay{width:0;height:0;opacity:0}.work-item .image-wrapper:hover svg{opacity:0}.work-item svg{width:36px!important;height:36px;cursor:pointer;color:#00f;transition:all .2s ease-in-out}.work-item svg:hover{color:#ff00d6}.work-item h4{font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s ease-in-out;margin-bottom:3px;color:#00f}.work-item h4:hover{color:#ff00d6}#recent-works{box-sizing:border-box;padding-top:100px;padding-bottom:70px}#recent-works .row{margin-top:20px}#contacts{padding:50px 0}#contacts .row{margin-top:30px}#contacts .contact-item{margin-bottom:50px}#contacts .contact-item .title{color:#00f;margin-bottom:15px}#contacts .contact-item .title svg{width:30px;height:30px;vertical-align:middle}#contacts .contact-item .title span{margin-left:15px;display:inline-block;vertical-align:middle;font-size:18px;font-weight:700}#contacts .contact-item p{color:#0e100f}#home{padding-top:300vh}#home footer{color:#dbdbdb;padding:30px}#app h3{text-transform:capitalize;color:#00f;font-weight:700;margin-bottom:30px;position:relative;display:inline-block;font-size:24px;font-family:Montserrat}#app h3:after{content:"";position:absolute;width:0;height:0;border-bottom:24px solid #ff00d6;border-right:12px solid transparent;bottom:5px;right:-20px}#app a{color:inherit;transition:all .2s ease-in-out}#app a:hover{color:#ff00d6;text-decoration:none}
/*# sourceMappingURL=main.009b93b3.chunk.css.map */