@font-face{font-family:Consolas;src:url(/static/media/consolas.dd67cc82.ttf)}@font-face{font-family:Consolas;src:url(/static/media/consolasb.d7226c55.ttf);font-weight:700}@font-face{font-family:Consolas;src:url(/static/media/consolasi.5edcabea.ttf);font-style:italic}@font-face{font-family:Consolas;src:url(/static/media/consolasib.110f4c8c.ttf);font-style:italic;font-weight:700}@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:Consolas,"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(23px,900px,72px,0)}5%{clip:rect(50px,900px,49px,0)}10%{clip:rect(145px,900px,21px,0)}15%{clip:rect(140px,900px,48px,0)}20%{clip:rect(1px,900px,91px,0)}25%{clip:rect(72px,900px,59px,0)}30%{clip:rect(102px,900px,26px,0)}35%{clip:rect(94px,900px,37px,0)}40%{clip:rect(31px,900px,75px,0)}45%{clip:rect(120px,900px,51px,0)}50%{clip:rect(37px,900px,87px,0)}55%{clip:rect(15px,900px,98px,0)}60%{clip:rect(3px,900px,58px,0)}65%{clip:rect(71px,900px,60px,0)}70%{clip:rect(139px,900px,24px,0)}75%{clip:rect(101px,900px,134px,0)}80%{clip:rect(89px,900px,57px,0)}85%{clip:rect(69px,900px,4px,0)}90%{clip:rect(126px,900px,61px,0)}95%{clip:rect(25px,900px,43px,0)}to{clip:rect(53px,900px,131px,0)}}@keyframes glitch-animation-1{0%{clip:rect(23px,900px,72px,0)}5%{clip:rect(50px,900px,49px,0)}10%{clip:rect(145px,900px,21px,0)}15%{clip:rect(140px,900px,48px,0)}20%{clip:rect(1px,900px,91px,0)}25%{clip:rect(72px,900px,59px,0)}30%{clip:rect(102px,900px,26px,0)}35%{clip:rect(94px,900px,37px,0)}40%{clip:rect(31px,900px,75px,0)}45%{clip:rect(120px,900px,51px,0)}50%{clip:rect(37px,900px,87px,0)}55%{clip:rect(15px,900px,98px,0)}60%{clip:rect(3px,900px,58px,0)}65%{clip:rect(71px,900px,60px,0)}70%{clip:rect(139px,900px,24px,0)}75%{clip:rect(101px,900px,134px,0)}80%{clip:rect(89px,900px,57px,0)}85%{clip:rect(69px,900px,4px,0)}90%{clip:rect(126px,900px,61px,0)}95%{clip:rect(25px,900px,43px,0)}to{clip:rect(53px,900px,131px,0)}}@-webkit-keyframes glitch-animation-2{0%{clip:rect(117px,900px,80px,0)}5%{clip:rect(53px,900px,94px,0)}10%{clip:rect(27px,900px,131px,0)}15%{clip:rect(95px,900px,69px,0)}20%{clip:rect(6px,900px,144px,0)}25%{clip:rect(89px,900px,28px,0)}30%{clip:rect(138px,900px,38px,0)}35%{clip:rect(114px,900px,92px,0)}40%{clip:rect(14px,900px,21px,0)}45%{clip:rect(111px,900px,41px,0)}50%{clip:rect(109px,900px,1px,0)}55%{clip:rect(56px,900px,109px,0)}60%{clip:rect(4px,900px,92px,0)}65%{clip:rect(8px,900px,49px,0)}70%{clip:rect(75px,900px,52px,0)}75%{clip:rect(28px,900px,78px,0)}80%{clip:rect(20px,900px,144px,0)}85%{clip:rect(100px,900px,105px,0)}90%{clip:rect(69px,900px,113px,0)}95%{clip:rect(43px,900px,130px,0)}to{clip:rect(119px,900px,79px,0)}}@keyframes glitch-animation-2{0%{clip:rect(117px,900px,80px,0)}5%{clip:rect(53px,900px,94px,0)}10%{clip:rect(27px,900px,131px,0)}15%{clip:rect(95px,900px,69px,0)}20%{clip:rect(6px,900px,144px,0)}25%{clip:rect(89px,900px,28px,0)}30%{clip:rect(138px,900px,38px,0)}35%{clip:rect(114px,900px,92px,0)}40%{clip:rect(14px,900px,21px,0)}45%{clip:rect(111px,900px,41px,0)}50%{clip:rect(109px,900px,1px,0)}55%{clip:rect(56px,900px,109px,0)}60%{clip:rect(4px,900px,92px,0)}65%{clip:rect(8px,900px,49px,0)}70%{clip:rect(75px,900px,52px,0)}75%{clip:rect(28px,900px,78px,0)}80%{clip:rect(20px,900px,144px,0)}85%{clip:rect(100px,900px,105px,0)}90%{clip:rect(69px,900px,113px,0)}95%{clip:rect(43px,900px,130px,0)}to{clip:rect(119px,900px,79px,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.f1b69c61.chunk.css.map */