@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);body{background:#000!important;font-family:"Lato",sans-serif;font-family:"Barlow",sans-serif!important;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAYAAABiFp9rAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAIMSURBVEhL3ZbBSxtBFMZ3dnOopRIR0ZJ6MRLcIKiN1h56FKG30nNPvfgHiODJf0Av0lOPvfWunsSLPRSKpt7SsApeqlFiDqWFVk1m/d7Mm7GpSaxmDuIPHt+3L8l+s9nZnfHuHYK1KWH47LHnyRewOVQKlaQ+KKG2cYpCsbj9Rbea0zQok3maDAJ/BpZCOlCtBnWAj9+3Cmz44zAcp9HPonpV4//Z8H35rlDY+cPHloDVEoa5CeQvwHbpzo1Ix7EY7O5OfapUSpJ7Cp9Vkc2O9yFkHvah7tyKSd/33rK31AXFsTcHMTe7HV4PDeVG2StsUBhOPIfUfdgGCSHEG/aKv64onmbjilFcVZq9DsJUfgSZJO8QXJSYYq+DgkBkIQ/IO2aM1fx14olW59jzmnvUyeoa+5iYoBqra+x5TVCF1TXHrCZIftPqmniPjQ6S0j+ElMm7RXxmo4OiKF+FrJJ3yGmtJuuDCDTXID/1kRNWdncvlwsbhOYvyAdUrBrt8R0D/8heUbcenZyUop6eVD/sgO7cit+ohSj6eqQPNfaKDFghlyF5fXRjfqAWi8W8nW2GKytsuXxUxQq5KYR62IZRVwbTAJpM9IgsIWRHdf6h5S6IVlwshq9gX6LopZugPqD7SAM5Q+2jNqT01jF7z+Ebcu12y4C9xAi+noGl9xedEM+dj63WFm277gqedwG8X3/pBe/L/wAAAABJRU5ErkJggg==),auto}#root{max-width:100vw;overflow:hidden}.navbar img{width:50px;transition:1s}.navbar{padding:10px 20px}.menuIcon{cursor:pointer;display:-webkit-flex;display:flex}.menuIcon svg{transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1)}.navbar.active svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.menuIcon path{transition:stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1)}.menuIcon path:first-child{-webkit-transform-origin:36% 40%;transform-origin:36% 40%}.menuIcon path:nth-child(2){stroke-dasharray:29 299}.menuIcon path:nth-child(3){-webkit-transform-origin:35% 63%;transform-origin:35% 63%}.menuIcon path:nth-child(4){stroke-dasharray:29 299}.menuIcon path:nth-child(5){-webkit-transform-origin:61% 52%;transform-origin:61% 52%}.menuIcon path:nth-child(6){-webkit-transform-origin:62% 52%;transform-origin:62% 52%}.menuIconContainer .active path:first-child{-webkit-transform:translateX(9px) translateY(1px) rotate(45deg);transform:translateX(9px) translateY(1px) rotate(45deg)}.menuIconContainer .active path:nth-child(2){stroke-dasharray:225 299;stroke-dashoffset:-72px}.menuIconContainer .active path:nth-child(3){-webkit-transform:translateX(9px) translateY(1px) rotate(-45deg);transform:translateX(9px) translateY(1px) rotate(-45deg)}.menuIconContainer .active path:nth-child(4){stroke-dasharray:225 299;stroke-dashoffset:-72px}.menuIconContainer .active path:nth-child(5){-webkit-transform:translateX(9px) translateY(1px) rotate(-45deg);transform:translateX(9px) translateY(1px) rotate(-45deg)}.menuIconContainer .active path:nth-child(6){-webkit-transform:translateX(9px) translateY(1px) rotate(45deg);transform:translateX(9px) translateY(1px) rotate(45deg)}.Banner{height:100vh;width:100vw;overflow:hidden!important;position:relative}.Banner video{height:100%;object-fit:fill;z-index:1}.Banner video,.maskingLayer{position:absolute;left:0;top:0;width:100%}.maskingLayer{z-index:3;height:100vh;background-color:#000;color:#fff;font-size:19vw;font-weight:900;font-family:"Barlow",sans-serif;letter-spacing:30px;text-transform:uppercase;text-align:center;line-height:350px;mix-blend-mode:multiply}.startMovingAnim .maskingLayer{-webkit-animation:bgChange 5s;animation:bgChange 5s}@-webkit-keyframes bgChange{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes bgChange{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.Banner .overlay{padding:0;height:100%;background:#feac5e;background:linear-gradient(90deg,#4bc0c8,#c779d0,#feac5e);position:absolute;bottom:-200%;z-index:2}.startMovingAnim .overlay{-webkit-animation:move 10s ease;animation:move 10s ease}@-webkit-keyframes move{45%{border-top-left-radius:10%;border-top-right-radius:10%}50%{bottom:0;border-top-left-radius:10%;border-top-right-radius:10%;-webkit-transform:skew(15deg,15deg) scale(1.3);transform:skew(15deg,15deg) scale(1.3)}}@keyframes move{45%{border-top-left-radius:10%;border-top-right-radius:10%}50%{bottom:0;border-top-left-radius:10%;border-top-right-radius:10%;-webkit-transform:skew(15deg,15deg) scale(1.3);transform:skew(15deg,15deg) scale(1.3)}}.Banner .Welcometext{color:#fff;position:absolute;top:48%;width:100%;text-align:center;z-index:4;font-size:20px}.Banner .Welcometext h2{text-transform:uppercase;letter-spacing:10px;-webkit-animation:chngcolor 10s infinite;animation:chngcolor 10s infinite;padding-top:20px;font-weight:800}@-webkit-keyframes chngcolor{50%{color:#000;letter-spacing:20px}}@keyframes chngcolor{50%{color:#000;letter-spacing:20px}}.about{background:#000;overflow:hidden;position:relative;padding:0;min-height:100vh}.about canvas{position:absolute;top:20%;left:0;z-index:1;-webkit-animation:canvasAnim 5s infinite;animation:canvasAnim 5s infinite}@-webkit-keyframes canvasAnim{50%{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}}@keyframes canvasAnim{50%{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}}.abtdesc{position:relative;width:100%;z-index:2;padding:80px 10%!important;color:#fff}.abtimg{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:auto;margin-left:auto;padding:30px;-webkit-animation:jello 2s ease infinite;animation:jello 2s ease infinite;background:linear-gradient(90deg,#4bc0c8,#c779d0,#feac5e)}.abtdesc img{width:300px;height:300px;border-radius:50%;object-fit:cover}@-webkit-keyframes jello{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background:linear-gradient(45deg,#88d5bf,#5d6bf8)}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%;background:linear-gradient(45deg,#e27fcb,#5d6bf8)}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background:linear-gradient(45deg,#88d5bf,#5d6bf8)}}@keyframes jello{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background:linear-gradient(45deg,#88d5bf,#5d6bf8)}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%;background:linear-gradient(45deg,#e27fcb,#5d6bf8)}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background:linear-gradient(45deg,#88d5bf,#5d6bf8)}}.about h1{text-align:center;text-transform:uppercase;font-weight:800;margin-top:20px;color:#fff;letter-spacing:5px}.about p{color:#999;width:55%;margin:0 auto;text-align:center}.homePortfolio{padding:100px 10px;position:relative;overflow:hidden}.marsImage{position:absolute;width:30vw;top:20%;transition:.5s}.homePortfolio h2{position:relative;text-align:center;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:5px;font-size:40px;margin-bottom:80px}.homePortfolio h2 span{font-weight:300;font-size:30px}.InnerPortfolio{width:50%;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:10px auto}.itemWrapperHp{width:30%;margin:10px}.InnerPortfolio .circleHp{width:0;height:0;background:#6495ed;position:absolute;top:50%;left:50%;border-radius:50%;transition:.25s;z-index:1}.hpLink{text-decoration:none}.hpItem:hover .circleHp{width:400px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:400px;background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);background-size:200% 200%;-webkit-animation:GradientBg 2s ease infinite;animation:GradientBg 2s ease infinite;transition:.5s}@-webkit-keyframes GradientBg{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes GradientBg{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hpDesc{position:relative;z-index:2}.InnerPortfolio .hpItem{background:#121217;width:100%;overflow:hidden;color:#fff;position:relative;text-align:center;padding:40px 10px;border-radius:10px;transition:.5s}.InnerPortfolio .hpItem:hover{-webkit-transform:scale(1.12);transform:scale(1.12);transition:.5s}.InnerPortfolio .hpIcon{font-size:50px;margin-bottom:20px;position:relative;z-index:2}.InnerPortfolio .hpDesc h4{text-transform:uppercase;font-weight:300;letter-spacing:1.5px;font-size:20px;line-height:30px}.Footer{padding:60px 0}.innerFooter{text-align:center}.innerFooter a{text-decoration:none;padding:10px;font-size:40px!important;transition:s!important}.innerFooter a svg{color:#fff;transition:.5s}.innerFooter a:hover svg{-webkit-transform:scale(1.4);transform:scale(1.4);transition:.5s}.snapicon:hover svg{color:#f7f401!important}.fbicon:hover svg{color:#4064ac}.instaicon:hover svg{color:#7033d9}.giticon:hover svg{color:#f1c4a9}.twiticon:hover svg{color:#1c9cea}.LoadingScreen{height:100vh;background:#000;padding:0!important;width:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:1100}.LoadingScreenContainer{width:100%;height:100%;position:relative}#space_box{z-index:1}#logHex,#space_box{position:absolute;top:0;left:0}#logHex{z-index:2}.LoadingCenter{position:relative;z-index:3}.LoadingCenter img{width:100px;-webkit-animation:saturate 3s infinite;animation:saturate 3s infinite}@-webkit-keyframes saturate{50%{-webkit-filter:saturate(0);filter:saturate(0);opacity:.5;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes saturate{50%{-webkit-filter:saturate(0);filter:saturate(0);opacity:.5;-webkit-transform:scale(1.2);transform:scale(1.2)}}.LoadingCenter h1{font-size:20px;margin-top:30px;color:#000;padding:5px 20px;font-family:"Barlow",sans-serif!important;font-weight:900;letter-spacing:2px;text-align:center;text-transform:uppercase;background:#fff;background:linear-gradient(90deg,#b280ef 50%,#fff 0);background-size:200%;-webkit-animation:loadingText 3s infinite;animation:loadingText 3s infinite}@-webkit-keyframes loadingText{50%{background-position:100%}}@keyframes loadingText{50%{background-position:100%}}.exitNow{-webkit-animation:zoomExit 1s;animation:zoomExit 1s;opacity:0}@-webkit-keyframes zoomExit{0%{opacity:1}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes zoomExit{0%{opacity:1}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@media (max-width:1370px) and (min-width:1026px){.Banner .maskingLayer{line-height:300px!important}.Banner .Welcometext{top:47%}}@media (max-width:1025px) and (min-width:768px){.InnerPortfolio{width:70%}.about{min-height:80vh}}@media (max-width:768px){.Banner .maskingLayer{line-height:150px;letter-spacing:2px;font-size:22vw}.Banner .Welcometext{padding:0!important;left:0;top:46%}.Banner .Welcometext h2{-webkit-animation:none;animation:none;letter-spacing:1px;font-size:20px}.abtdesc img{width:200px;height:200px}.abtdesc p{width:100%}.InnerPortfolio{-webkit-flex-direction:column!important;flex-direction:column!important;width:70%}.itemWrapperHp{width:100%;margin:10px 0}#logHex{-webkit-transform:scale(.8);transform:scale(.8)}.LoadingCenter img{width:50px}.LoadingCenter h1{font-size:15px}}.mainGameContainer{height:100vh;width:100%;overflow:hidden}.innerGameContainer{position:relative;height:100%;width:100%;transition:5s}.gameBackground{position:absolute;left:0;top:0;height:100vh;z-index:1}.innerGameBackground{position:relative;height:100%;width:100%}.secondGameBg{position:absolute;bottom:0;left:6295px;z-index:2;height:100vh;-webkit-animation:secGameBgEnter 2s;animation:secGameBgEnter 2s}@-webkit-keyframes secGameBgEnter{0%{-webkit-transform:translateX(500px) translateY(700px);transform:translateX(500px) translateY(700px)}}@keyframes secGameBgEnter{0%{-webkit-transform:translateX(500px) translateY(700px);transform:translateX(500px) translateY(700px)}}.innerSecBgGame{position:relative;height:100%;width:100%}.secStaticBg{position:absolute;left:0;bottom:0;height:100%;z-index:5}.secBgHillFront{z-index:4;height:70%}.secBgHillBack,.secBgHillFront{position:absolute;left:200px;bottom:0}.secBgHillBack{z-index:3;height:90%}.secBgStar{top:0;height:80%;opacity:1;-webkit-animation:BgStarAnim .5s infinite;animation:BgStarAnim .5s infinite}.secBgStar,.shootingStarContainer{z-index:2;position:absolute;left:200px}.shootingStarContainer{height:100%}.innerShootingStars{position:relative;height:100%;width:100%}.shootingStar{position:absolute;width:5px;height:5px;opacity:0;background:#fff;border-radius:50%;box-shadow:-1px -2px 19px 6px hsla(0,0%,100%,.5);-webkit-box-shadow:-1px -2px 19px 6px hsla(0,0%,100%,.5);-moz-box-shadow:-1px -2px 19px 6px hsla(0,0%,100%,.5)}.shootingStar:after{position:absolute;width:200px;height:1px;content:"";background:linear-gradient(90deg,transparent,#fff);top:2.5px;left:-200px;border-radius:20px}@-webkit-keyframes shootingStarAnim{0%{-webkit-transform:rotate(30deg) translateX(0);transform:rotate(30deg) translateX(0)}65%{opacity:1}to{opacity:0;-webkit-transform:rotate(30deg) translateX(900px);transform:rotate(30deg) translateX(900px)}}@keyframes shootingStarAnim{0%{-webkit-transform:rotate(30deg) translateX(0);transform:rotate(30deg) translateX(0)}65%{opacity:1}to{opacity:0;-webkit-transform:rotate(30deg) translateX(900px);transform:rotate(30deg) translateX(900px)}}@-webkit-keyframes BgStarAnim{50%{opacity:.5}}@keyframes BgStarAnim{50%{opacity:.5}}.staticGameBg{position:absolute;bottom:0;left:0;height:100%;z-index:1}.bikeManGame{position:absolute;bottom:10px;left:700px;z-index:2;-webkit-animation:bikeMove 5s;animation:bikeMove 5s}.innerBikeman{position:relative;min-width:330px;min-height:271px;-webkit-transform:scale(.8);transform:scale(.8)}.gameForbiddenButton{position:absolute;left:500px;bottom:45px;-webkit-transform:scale(.9);transform:scale(.9);z-index:5}.innerForbiddenButton{position:relative;min-height:170px;min-width:250px}.mforbiddenBanner{position:absolute;z-index:1;bottom:0;left:0}.mforbiddenButton{position:absolute;bottom:65px;z-index:2;left:180px;-webkit-animation:forbiddenButtonAnim .5s infinite;animation:forbiddenButtonAnim .5s infinite}@-webkit-keyframes forbiddenButtonAnim{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes forbiddenButtonAnim{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.RickRollContainer{z-index:5;position:absolute;width:100%;height:100%;top:0;left:0}.innerRickRollContainer{width:100%;height:100%;position:relative}.rrGif{position:absolute}.rrGif1{left:20px}.rrGif2{right:20px}.rrGif3{bottom:20px}.RickRollContainer h1{font-size:50px;font-weight:800;text-transform:uppercase;color:#fff;-webkit-animation:RickRollTitleAnim 2s linear infinite;animation:RickRollTitleAnim 2s linear infinite}@-webkit-keyframes RickRollTitleAnim{20%{color:red}25%{-webkit-transform:scale(2);transform:scale(2)}50%{color:#ff0;-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}70%{color:green}75%{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes RickRollTitleAnim{20%{color:red}25%{-webkit-transform:scale(2);transform:scale(2)}50%{color:#ff0;-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}70%{color:green}75%{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}.BikeFwheelOuter{position:absolute;bottom:0;right:0;z-index:1}.BikeFwheelInner{position:absolute;bottom:16px;right:16px;z-index:2}.BikeBwheelOuter{position:absolute;z-index:1;right:230px;bottom:0}.BikeBwheelInner{position:absolute;right:246px;bottom:16px;z-index:1}.BikePipe{bottom:35px;z-index:2}.BikeEngineFrame,.BikePipe{position:absolute;right:90px}.BikeEngineFrame{bottom:45px;z-index:3}.BikeEngine{position:absolute;bottom:60px;right:124px;z-index:2;-webkit-animation:bikeEngineAnim 1s infinite;animation:bikeEngineAnim 1s infinite}.BikeBackHandle{position:absolute;bottom:40px;right:245px;z-index:3}.BikeFrontHandle{position:absolute;right:40px;bottom:45px;z-index:3}.BikeHeadLight{position:absolute;right:65px;bottom:110px;z-index:4}.BikeSeat{right:170px;z-index:5;-webkit-animation:bikeSeatAnim 1s infinite;animation:bikeSeatAnim 1s infinite}.BikeFuelTank,.BikeSeat{position:absolute;bottom:105px}.BikeFuelTank{right:90px;z-index:6;-webkit-animation:bikeFTankAnim 1s infinite;animation:bikeFTankAnim 1s infinite}.BikeHandle{position:absolute;right:75px;bottom:130px;z-index:7;-webkit-animation:bikeManLegAnim 1s infinite;animation:bikeManLegAnim 1s infinite}@-webkit-keyframes bikeFTankAnim{50%{bottom:103px}}@keyframes bikeFTankAnim{50%{bottom:103px}}@-webkit-keyframes bikeSeatAnim{50%{bottom:100px}}@keyframes bikeSeatAnim{50%{bottom:100px}}@-webkit-keyframes bikeEngineAnim{50%{-webkit-transform:scale(1.1) translateY(2px);transform:scale(1.1) translateY(2px)}}@keyframes bikeEngineAnim{50%{-webkit-transform:scale(1.1) translateY(2px);transform:scale(1.1) translateY(2px)}}.GameBikemanHandB{z-index:8;bottom:165px;right:115px}.GameBikemanBody,.GameBikemanHandB{position:absolute;-webkit-animation:bikeManLegAnim 1s infinite;animation:bikeManLegAnim 1s infinite}.GameBikemanBody{z-index:9;bottom:140px;right:155px}.GameBikemanHandF{z-index:11;position:absolute;right:115px;bottom:145px;-webkit-animation:bikeManLegAnim 1s infinite;animation:bikeManLegAnim 1s infinite}.GameBikemanHead{position:absolute;z-index:10;right:130px;bottom:220px;-webkit-animation:bikeManHeadAnim 1s infinite;animation:bikeManHeadAnim 1s infinite}.GameBikemanLeg{position:absolute;bottom:45px;right:175px;z-index:10;-webkit-animation:bikeManLegAnim 1s infinite;animation:bikeManLegAnim 1s infinite}.GameBikeSmoke{position:absolute;z-index:12;bottom:5px;opacity:0;right:220px;-webkit-transform:scale(.2);transform:scale(.2);-webkit-animation:smokeBikeAnim 1s ease-in infinite;animation:smokeBikeAnim 1s ease-in infinite}@-webkit-keyframes bikeManHeadAnim{50%{-webkit-transform:translateY(3px) translateX(2px) rotate(10deg);transform:translateY(3px) translateX(2px) rotate(10deg)}}@keyframes bikeManHeadAnim{50%{-webkit-transform:translateY(3px) translateX(2px) rotate(10deg);transform:translateY(3px) translateX(2px) rotate(10deg)}}@-webkit-keyframes bikeManLegAnim{50%{-webkit-transform:translateY(5px);transform:translateY(5px)}}@keyframes bikeManLegAnim{50%{-webkit-transform:translateY(5px);transform:translateY(5px)}}@-webkit-keyframes smokeBikeAnim{50%{-webkit-transform:scale(1);transform:scale(1);opacity:1;right:300px;bottom:30px}to{-webkit-transform:scale(1.5);transform:scale(1.5);bottom:70px;right:650px;opacity:0}}@keyframes smokeBikeAnim{50%{-webkit-transform:scale(1);transform:scale(1);opacity:1;right:300px;bottom:30px}to{-webkit-transform:scale(1.5);transform:scale(1.5);bottom:70px;right:650px;opacity:0}}.player{z-index:2;position:absolute;bottom:5px;left:10%;-webkit-transform:scale(.8);transform:scale(.8)}.innerPlayer{position:relative;min-height:300px;min-width:100px}.pBLeg{bottom:3px;z-index:1;left:40px}.pBLeg,.pFLeg{position:absolute}.pFLeg{bottom:0;left:10px;z-index:2}.pHbTop{z-index:3;bottom:40%}.pHbBot,.pHbTop{position:absolute;left:60px}.pHbBot{z-index:4;bottom:32%}.pBody{bottom:32%;left:10px;position:absolute;z-index:6}.pHfTop{z-index:7;bottom:40%}.pHfBot,.pHfTop{position:absolute;left:20px}.pHfBot{z-index:8;bottom:32%}.pHead{z-index:9;position:absolute;left:0;bottom:62%}.idleState .pBody{-webkit-animation:idleBodyAnim 1s infinite;animation:idleBodyAnim 1s infinite}.idleState .pHead{-webkit-animation:idleHeadAnim 1s infinite;animation:idleHeadAnim 1s infinite}@-webkit-keyframes idleBodyAnim{50%{-webkit-transform:scale(1.07);transform:scale(1.07)}}@keyframes idleBodyAnim{50%{-webkit-transform:scale(1.07);transform:scale(1.07)}}@-webkit-keyframes idleHeadAnim{50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes idleHeadAnim{50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}.walkState .pFLeg{-webkit-animation:walkFlegAnim 1s infinite;animation:walkFlegAnim 1s infinite}.walkState .pBLeg{-webkit-animation:walkBlegAnim 1s infinite;animation:walkBlegAnim 1s infinite}.walkState .pHfBot{-webkit-animation:walkHBotAnim 1s infinite;animation:walkHBotAnim 1s infinite}.walkState .pHfTop{-webkit-animation:walkHTopAnim 1s infinite;animation:walkHTopAnim 1s infinite}.walkState .pHbBot{-webkit-animation:walkHbBotAnim 1s infinite;animation:walkHbBotAnim 1s infinite}.walkState .pBody{-webkit-animation:walkBodyAnim 1s infinite;animation:walkBodyAnim 1s infinite}.walkState .pHead{-webkit-animation:walkHeadAnim 1s infinite;animation:walkHeadAnim 1s infinite}@-webkit-keyframes walkHeadAnim{50%{-webkit-transform:rotate(-5deg) translateY(2px);transform:rotate(-5deg) translateY(2px)}}@keyframes walkHeadAnim{50%{-webkit-transform:rotate(-5deg) translateY(2px);transform:rotate(-5deg) translateY(2px)}}@-webkit-keyframes walkBodyAnim{50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes walkBodyAnim{50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@-webkit-keyframes walkHbBotAnim{50%{-webkit-transform:rotate(60deg) translateX(-30px) translateY(20px);transform:rotate(60deg) translateX(-30px) translateY(20px)}}@keyframes walkHbBotAnim{50%{-webkit-transform:rotate(60deg) translateX(-30px) translateY(20px);transform:rotate(60deg) translateX(-30px) translateY(20px)}}@-webkit-keyframes walkHTopAnim{50%{-webkit-transform:rotate(-30deg) translateX(15px);transform:rotate(-30deg) translateX(15px)}}@keyframes walkHTopAnim{50%{-webkit-transform:rotate(-30deg) translateX(15px);transform:rotate(-30deg) translateX(15px)}}@-webkit-keyframes walkHBotAnim{50%{-webkit-transform:translateY(-25px) translateX(30px) rotate(-60deg);transform:translateY(-25px) translateX(30px) rotate(-60deg)}}@keyframes walkHBotAnim{50%{-webkit-transform:translateY(-25px) translateX(30px) rotate(-60deg);transform:translateY(-25px) translateX(30px) rotate(-60deg)}}@-webkit-keyframes walkFlegAnim{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(-10deg) translateX(20px);transform:rotate(-10deg) translateX(20px)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes walkFlegAnim{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(-10deg) translateX(20px);transform:rotate(-10deg) translateX(20px)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@-webkit-keyframes walkBlegAnim{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(10deg) translateX(-20px);transform:rotate(10deg) translateX(-20px)}to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}@keyframes walkBlegAnim{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(10deg) translateX(-20px);transform:rotate(10deg) translateX(-20px)}to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}.chatbubbleGame{position:absolute;bottom:280px;z-index:4;left:240px;max-width:200px;-webkit-animation:bubbleGameAnim 1s;animation:bubbleGameAnim 1s}.chatbubbleGame p{text-align:center;background:hsla(0,0%,100%,.7);border-radius:20px;padding:10px;position:relative}.chatbubbleGame p:after{width:15px;height:15px;bottom:-20px;left:-10px}.chatbubbleGame p:after,.chatbubbleGame p:before{content:"";position:absolute;background:hsla(0,0%,100%,.7);border-radius:50%}.chatbubbleGame p:before{width:10px;height:10px;bottom:-40px;left:-20px}@-webkit-keyframes bubbleGameAnim{0%{opacity:0;-webkit-transform:translateY(30px) translateX(-150px) scale(0);transform:translateY(30px) translateX(-150px) scale(0)}}@keyframes bubbleGameAnim{0%{opacity:0;-webkit-transform:translateY(30px) translateX(-150px) scale(0);transform:translateY(30px) translateX(-150px) scale(0)}}.GameBubbleExit{-webkit-animation:bubblePopOut 1s;animation:bubblePopOut 1s}@-webkit-keyframes bubblePopOut{to{opacity:0;-webkit-transform:translateY(30px) translateX(-150px) scale(0);transform:translateY(30px) translateX(-150px) scale(0)}}@keyframes bubblePopOut{to{opacity:0;-webkit-transform:translateY(30px) translateX(-150px) scale(0);transform:translateY(30px) translateX(-150px) scale(0)}}.GrandpaExitStart{opacity:0!important;-webkit-animation:grandPaExitGameAnim 3s!important;animation:grandPaExitGameAnim 3s!important}@-webkit-keyframes grandPaExitGameAnim{0%{opacity:1}99%{opacity:1}to{-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes grandPaExitGameAnim{0%{opacity:1}99%{opacity:1}to{-webkit-transform:translateX(2000px);transform:translateX(2000px)}}.GameSchoolGirl{position:absolute;z-index:2;bottom:20px;left:2400px;-webkit-transform:scale(.8);transform:scale(.8)}.innerSchoolGirl{position:relative;min-height:245px;min-width:150px}.schoolGirlLeftLeg{z-index:1;position:absolute;bottom:0;right:85px}.schoolGirlRightLeg{position:absolute;z-index:2;bottom:0;right:55px}.schoolGirlBody{z-index:3;position:absolute;bottom:70px;right:50px;-webkit-animation:schoolGirlBodyAnim 1s infinite;animation:schoolGirlBodyAnim 1s infinite}.schoolGirlHead{z-index:4;position:absolute;bottom:165px;right:38px;-webkit-animation:schoolGirlHeadAnim 1s infinite;animation:schoolGirlHeadAnim 1s infinite}.schoolGirlEyeLeft{z-index:5;right:91px}.schoolGirlEyeLeft,.schoolGirlEyeRight{position:absolute;bottom:195px;-webkit-animation:schoolGirlEyeAnim 2s infinite;animation:schoolGirlEyeAnim 2s infinite}.schoolGirlEyeRight{z-index:6;right:65px}.schoolGirlHandRight{z-index:7;position:absolute;bottom:85px;right:37px}.schoolGirlHandLeft{z-index:8;position:absolute;bottom:85px;right:105px}@-webkit-keyframes schoolGirlHeadAnim{50%{-webkit-transform:translateY(3px);transform:translateY(3px)}}@keyframes schoolGirlHeadAnim{50%{-webkit-transform:translateY(3px);transform:translateY(3px)}}@-webkit-keyframes schoolGirlBodyAnim{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes schoolGirlBodyAnim{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes schoolGirlEyeAnim{0%{-webkit-transform:translateX(3px) scale(1.1);transform:translateX(3px) scale(1.1)}25%{-webkit-transform:scale(1) translateY(3px);transform:scale(1) translateY(3px)}50%{-webkit-transform:translateX(-3px) scale(1.1);transform:translateX(-3px) scale(1.1)}75%{-webkit-transform:scale(1) translateY(3px);transform:scale(1) translateY(3px)}to{-webkit-transform:translateX(3px) scale(1.1);transform:translateX(3px) scale(1.1)}}@keyframes schoolGirlEyeAnim{0%{-webkit-transform:translateX(3px) scale(1.1);transform:translateX(3px) scale(1.1)}25%{-webkit-transform:scale(1) translateY(3px);transform:scale(1) translateY(3px)}50%{-webkit-transform:translateX(-3px) scale(1.1);transform:translateX(-3px) scale(1.1)}75%{-webkit-transform:scale(1) translateY(3px);transform:scale(1) translateY(3px)}to{-webkit-transform:translateX(3px) scale(1.1);transform:translateX(3px) scale(1.1)}}.GameHotAirBalloon{position:absolute;z-index:3;bottom:50px;left:3100px}.innerHotAirBalloon{position:relative;min-width:400px;min-height:600px}.HABalloonCasket{position:absolute;bottom:-20px;right:110px;z-index:2;-webkit-animation:HABalloonAnim 1s infinite;animation:HABalloonAnim 1s infinite}.HABalloonWire{position:absolute;z-index:1;right:110px;bottom:80px;-webkit-animation:HAwireAnim 1s infinite;animation:HAwireAnim 1s infinite}.HABalloon{position:absolute;z-index:2;bottom:200px;right:0;-webkit-animation:HABalloonAnim 1s infinite;animation:HABalloonAnim 1s infinite}@-webkit-keyframes HAwireAnim{0%{-webkit-transform:skew(2deg);transform:skew(2deg)}50%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}to{-webkit-transform:skew(2deg);transform:skew(2deg)}}@keyframes HAwireAnim{0%{-webkit-transform:skew(2deg);transform:skew(2deg)}50%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}to{-webkit-transform:skew(2deg);transform:skew(2deg)}}@-webkit-keyframes HABalloonAnim{50%{-webkit-transform:translatey(5px) scale(1.01) rotate(1deg);transform:translatey(5px) scale(1.01) rotate(1deg)}}@keyframes HABalloonAnim{50%{-webkit-transform:translatey(5px) scale(1.01) rotate(1deg);transform:translatey(5px) scale(1.01) rotate(1deg)}}.GameStarGirl{position:absolute;left:1700px;bottom:-30px;z-index:5;-webkit-transform:scale(.58);transform:scale(.58)}.innerGameStarGirl{min-height:335px;min-width:180px;position:relative}.starGirlLeg{position:absolute;bottom:0;left:45px;z-index:1}.starGirlBody{position:absolute;bottom:80px;z-index:2;left:25px;-webkit-animation:starGirlBodyAnim 1s infinite;animation:starGirlBodyAnim 1s infinite}.starGirlHead{position:absolute;bottom:165px;left:0;z-index:3;-webkit-animation:starGirlHeadAnim 1s infinite;animation:starGirlHeadAnim 1s infinite}.starGirlHands{position:absolute;left:105px;bottom:220px;z-index:4;-webkit-animation:starGirlHandAnim 1s infinite;animation:starGirlHandAnim 1s infinite}@-webkit-keyframes starGirlBodyAnim{50%{-webkit-transform:scale(1.03) rotate(1deg);transform:scale(1.03) rotate(1deg)}}@keyframes starGirlBodyAnim{50%{-webkit-transform:scale(1.03) rotate(1deg);transform:scale(1.03) rotate(1deg)}}@-webkit-keyframes starGirlHandAnim{50%{-webkit-transform:translateX(5px) rotate(5deg);transform:translateX(5px) rotate(5deg)}}@keyframes starGirlHandAnim{50%{-webkit-transform:translateX(5px) rotate(5deg);transform:translateX(5px) rotate(5deg)}}@-webkit-keyframes starGirlHeadAnim{50%{-webkit-transform:translateY(3px) rotate(-2deg);transform:translateY(3px) rotate(-2deg)}}@keyframes starGirlHeadAnim{50%{-webkit-transform:translateY(3px) rotate(-2deg);transform:translateY(3px) rotate(-2deg)}}.upfItem{position:absolute;z-index:3;top:100px}.blockDash{left:1330px}.flapRojin{left:2930px}.debrisSamata{left:5200px}.NinJump{left:6000px}.ghostRunner{left:9420px}.debrisSamata img,.ghostRunner img{border-radius:30px;border:5px solid #fff}.upfItem img{width:180px;transition:.5s;-webkit-animation:upfItemAnim 1s infinite;animation:upfItemAnim 1s infinite}@-webkit-keyframes upfItemAnim{50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes upfItemAnim{50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}}.isFlyingStateHB{-webkit-animation:HBFlyAnim 2s infinite;animation:HBFlyAnim 2s infinite}@-webkit-keyframes HBFlyAnim{to{-webkit-transform:translateY(100%) translateX(-500px);transform:translateY(100%) translateX(-500px)}}@keyframes HBFlyAnim{to{-webkit-transform:translateY(100%) translateX(-500px);transform:translateY(100%) translateX(-500px)}}.mainSkyContainer{width:100%;position:absolute;bottom:0;left:0;z-index:1}.innerCloudContainer{position:relative;width:100%;height:200px}.GameSky{width:100%;position:absolute;left:0;bottom:0;height:200px}.GameSkySC{-webkit-animation:skyScroll 2s linear infinite;animation:skyScroll 2s linear infinite;z-index:3}.GameSkySC,.GameSkySCS{background:url(/static/media/smallCloudBg.54ad7b37.png);background-position:0 100%;background-size:50%;background-repeat:repeat-x}.GameSkySCS{-webkit-animation:skyScroll 4s linear infinite;animation:skyScroll 4s linear infinite;z-index:2;bottom:40px}.GameSkyBC{background:url(/static/media/bigCloudBg.5765ae31.png);-webkit-animation:skyScroll 5s linear infinite;animation:skyScroll 5s linear infinite;z-index:1;background-position:0 100%;background-size:50%;background-repeat:repeat-x}@-webkit-keyframes skyScroll{50%{-webkit-transform:translateY(30px);transform:translateY(30px)}to{background-position-x:-100%}}@keyframes skyScroll{50%{-webkit-transform:translateY(30px);transform:translateY(30px)}to{background-position-x:-100%}}.appearSky{-webkit-animation:skyAppear 1s;animation:skyAppear 1s}.SkyMovingOut{-webkit-animation:skyOut 2s infinite;animation:skyOut 2s infinite}@-webkit-keyframes skyOut{to{-webkit-transform:translateY(-1000px) translateX(-500px);transform:translateY(-1000px) translateX(-500px);opacity:0}}@keyframes skyOut{to{-webkit-transform:translateY(-1000px) translateX(-500px);transform:translateY(-1000px) translateX(-500px);opacity:0}}@-webkit-keyframes skyAppear{0%{-webkit-transform:translateX(1920px) translateY(-1000px);transform:translateX(1920px) translateY(-1000px);opacity:0}50%{opacity:0}}@keyframes skyAppear{0%{-webkit-transform:translateX(1920px) translateY(-1000px);transform:translateX(1920px) translateY(-1000px);opacity:0}50%{opacity:0}}.bird{background-image:url(/static/media/birds.579440de.svg);background-size:auto 100%;width:88px!important;-webkit-transform:scale(1.5);transform:scale(1.5);height:125px!important;-webkit-animation:fly-cycle 1s steps(10) infinite;animation:fly-cycle 1s steps(10) infinite}.bird-container{position:absolute;top:20%;left:-10%;-webkit-filter:contrast(.8);filter:contrast(.8);-webkit-transform:scale(0) translateX(-10vw);transform:scale(0) translateX(-10vw);z-index:2;-webkit-animation:fright 5s linear infinite;animation:fright 5s linear infinite}@-webkit-keyframes fly-cycle{to{background-position:-900px 0}}@keyframes fly-cycle{to{background-position:-900px 0}}@-webkit-keyframes fright{0%{-webkit-transform:scale(.3) translateX(-10vw);transform:scale(.3) translateX(-10vw)}10%{-webkit-transform:translateY(2vh) translateX(10vw) scale(.4);transform:translateY(2vh) translateX(10vw) scale(.4)}20%{-webkit-transform:translateY(0) translateX(30vw) scale(.5);transform:translateY(0) translateX(30vw) scale(.5)}30%{-webkit-transform:translateY(4vh) translateX(50vw) scale(.6);transform:translateY(4vh) translateX(50vw) scale(.6)}40%{-webkit-transform:translateY(2vh) translateX(70vw) scale(.6);transform:translateY(2vh) translateX(70vw) scale(.6)}50%{-webkit-transform:translateY(0) translateX(90vw) scale(.6);transform:translateY(0) translateX(90vw) scale(.6)}60%{-webkit-transform:translateY(0) translateX(110vw) scale(.6);transform:translateY(0) translateX(110vw) scale(.6)}to{-webkit-transform:translateY(0) translateX(110vw) scale(.6);transform:translateY(0) translateX(110vw) scale(.6)}}@keyframes fright{0%{-webkit-transform:scale(.3) translateX(-10vw);transform:scale(.3) translateX(-10vw)}10%{-webkit-transform:translateY(2vh) translateX(10vw) scale(.4);transform:translateY(2vh) translateX(10vw) scale(.4)}20%{-webkit-transform:translateY(0) translateX(30vw) scale(.5);transform:translateY(0) translateX(30vw) scale(.5)}30%{-webkit-transform:translateY(4vh) translateX(50vw) scale(.6);transform:translateY(4vh) translateX(50vw) scale(.6)}40%{-webkit-transform:translateY(2vh) translateX(70vw) scale(.6);transform:translateY(2vh) translateX(70vw) scale(.6)}50%{-webkit-transform:translateY(0) translateX(90vw) scale(.6);transform:translateY(0) translateX(90vw) scale(.6)}60%{-webkit-transform:translateY(0) translateX(110vw) scale(.6);transform:translateY(0) translateX(110vw) scale(.6)}to{-webkit-transform:translateY(0) translateX(110vw) scale(.6);transform:translateY(0) translateX(110vw) scale(.6)}}.moveButton{position:absolute;z-index:60;bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%);right:20px;width:50px;height:50px;background:hsla(0,0%,100%,.8);border-radius:50%;font-size:20px}@media (max-width:768px){.staticGameBg{height:92%}.GameSky{background-size:300%;height:250px;background-position:0 100%}.GameSkyBC{-webkit-animation:mobileSkyAnim 10s linear infinite;animation:mobileSkyAnim 10s linear infinite}.GameSkySC{-webkit-animation:mobileSkyAnim 7s linear infinite;animation:mobileSkyAnim 7s linear infinite}.GameSkySCS{-webkit-animation:mobileSkyAnim 5s linear infinite;animation:mobileSkyAnim 5s linear infinite}@-webkit-keyframes mobileSkyAnim{to{background-position-x:300%}}@keyframes mobileSkyAnim{to{background-position-x:300%}}.secStaticBg{height:92%}.chatbubbleGame{left:20%;bottom:35%}.chatbubbleGame p:after,.chatbubbleGame p:before{left:0}.GameHotAirBalloon{-webkit-transform:scale(.95) translateX(-115px) translateY(10px);transform:scale(.95) translateX(-115px) translateY(10px)}}@media (max-width:768px) and (max-height:750px){.staticGameBg{height:103%}.mainSkyContainer{-webkit-transform:scale(1.5) translateY(-20px);transform:scale(1.5) translateY(-20px)}.secStaticBg{height:103%}.chatbubbleGame{bottom:40%;font-size:14px}}@media (max-width:768px) and (max-height:670px){.staticGameBg{height:113%}.mainSkyContainer{-webkit-transform:scale(1.5) translateY(-20px);transform:scale(1.5) translateY(-20px)}.secStaticBg{height:113%}}@media (max-width:768px) and (max-height:650px){.staticGameBg{height:118%}.mainSkyContainer{-webkit-transform:scale(1.5) translateY(-20px);transform:scale(1.5) translateY(-20px)}.secStaticBg{height:118%}.chatbubbleGame{bottom:45%;font-size:14px}}@media (max-width:768px) and (max-height:570px){.staticGameBg{height:132%}.mainSkyContainer{-webkit-transform:scale(1.5) translateY(-20px);transform:scale(1.5) translateY(-20px)}.secStaticBg{height:132%}.chatbubbleGame{bottom:45%;font-size:12px}}@media (max-width:1370px) and (min-width:770px) and (max-height:770px){.staticGameBg{height:115%}.secStaticBg{height:114%}.GameHotAirBalloon{-webkit-transform:translateX(-15px);transform:translateX(-15px)}}@media (max-width:1100px) and (min-width:768px) and (max-height:1370px) and (min-height:900px){.staticGameBg{height:55%}.mainSkyContainer{-webkit-transform:scale(1.5) translateY(-20px);transform:scale(1.5) translateY(-20px)}.secStaticBg{height:55%}.GameHotAirBalloon{-webkit-transform:translateX(-50px);transform:translateX(-50px)}}.WebPortfolioItems{padding:100px 10%;max-width:100vw;overflow-x:hidden}.innerWebPortfolioItems{position:relative}.nextButtonWpf{right:-100px}.nextButtonWpf,.prevButtonWpf{position:absolute;font-size:30px;color:#fff;top:35%}.prevButtonWpf{left:-100px}@-webkit-keyframes wpfChangeButtonAnim{50%{-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes wpfChangeButtonAnim{50%{-webkit-transform:translateX(20px);transform:translateX(20px)}}.wpfItem .mockupWeb{position:relative;width:50%;transition:.5s}.wpfItem .mockupMobile{width:100%;position:relative;text-align:center;z-index:2}.wpfItem .mockupSiteMobile{position:absolute;background-size:cover;top:2.35%;left:27.5%;height:83%;width:44.25%;z-index:1;background-position:top;transition:1s;overflow:hidden;border-radius:30px}.mockupWeb:hover .mockupSiteMobile{background-position:bottom;transition:20s}.wpfItem .mockupMobile img{width:50%}.wpfItem .mockupDesktop{position:relative;z-index:2}.wpfItem .mockupSiteDesktop{position:absolute;background-size:cover;top:6.25%;left:13%;height:61%;width:74.25%;z-index:1;background-position:top;transition:1s;overflow:hidden}.wpfItem .mockupDesktop img{width:100%}.wpfItem .mockupWeb:hover .mockupSiteDesktop{background-position:bottom;transition:10s}.wpfItem .deviceChange .devIcon{background:#121217;width:60px;margin:20px 0 0;height:60px;border-radius:50%;color:#fff;font-size:20px}.wpfItem .designInfo{padding-left:7%;width:60%;font-family:"Lato",sans-serif}.wpfItem .designInfo h1{font-family:"Montserrat",sans-serif;color:#fff;font-weight:700;letter-spacing:2px;margin-bottom:20px}.wpfItem{color:#999}.scpItemColor{width:15px;height:15px;background:#fff;margin-right:10px;border-radius:50%}.wpfItem .designInfo a{background:#6495ed;color:#fff;text-decoration:none;padding:10px 20px}.mockupContainerDesktop,.mockupContainerMobile{-webkit-animation:deviceEnterAnim 1s;animation:deviceEnterAnim 1s}.deviceChange .active{background:#6495ed!important}@-webkit-keyframes deviceEnterAnim{0%{-webkit-transform:translateX(-100%) scale(0) rotate(-20deg);transform:translateX(-100%) scale(0) rotate(-20deg);opacity:0}to{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);opacity:1}}@keyframes deviceEnterAnim{0%{-webkit-transform:translateX(-100%) scale(0) rotate(-20deg);transform:translateX(-100%) scale(0) rotate(-20deg);opacity:0}to{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);opacity:1}}.startChangingItem .mockupWeb{-webkit-animation:moveDeviceLeft .5s;animation:moveDeviceLeft .5s}.startChangingItem .designInfo{-webkit-animation:moveInfoRight .5s;animation:moveInfoRight .5s}@-webkit-keyframes moveDeviceLeft{to{-webkit-transform:translateX(-100%) scale(0) rotate(-20deg);transform:translateX(-100%) scale(0) rotate(-20deg);opacity:0}}@keyframes moveDeviceLeft{to{-webkit-transform:translateX(-100%) scale(0) rotate(-20deg);transform:translateX(-100%) scale(0) rotate(-20deg);opacity:0}}@-webkit-keyframes moveInfoRight{to{-webkit-transform:translateX(100%) scale(0) rotate(20deg);transform:translateX(100%) scale(0) rotate(20deg);opacity:0}}@keyframes moveInfoRight{to{-webkit-transform:translateX(100%) scale(0) rotate(20deg);transform:translateX(100%) scale(0) rotate(20deg);opacity:0}}.notChangingItem .mockupWeb{-webkit-animation:deviceEnterAnim .5s;animation:deviceEnterAnim .5s}.notChangingItem .designInfo{-webkit-animation:InfoEnterAnim .5s;animation:InfoEnterAnim .5s}@-webkit-keyframes InfoEnterAnim{0%{-webkit-transform:translateX(100%) scale(0) rotate(20deg);transform:translateX(100%) scale(0) rotate(20deg);opacity:0}to{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);opacity:1}}@keyframes InfoEnterAnim{0%{-webkit-transform:translateX(100%) scale(0) rotate(20deg);transform:translateX(100%) scale(0) rotate(20deg);opacity:0}to{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);opacity:1}}.indexReachedDisplay{color:#fff;font-family:"Montserrat",sans-serif;letter-spacing:3px;font-weight:600;text-align:center;margin-bottom:50px}@media (max-width:1025px){.wpfItem{-webkit-flex-direction:column!important;flex-direction:column!important}.WebPortfolioItems{padding:60px 10px}.designInfo,.mockupWeb{width:100%!important}.designInfo{padding:10px 10px 40px}.mockupSiteMobile{height:77.5%!important}.nextButtonWpf{top:38%;right:0;z-index:4}.prevButtonWpf{top:38%;left:0;z-index:4}}.PyPfItemContainer{padding:100px 10%}.ppfProject{max-height:35px;overflow:hidden;position:relative}.ppfItem{-webkit-animation:pyProEnterAnim 1s;animation:pyProEnterAnim 1s}@-webkit-keyframes pyProEnterAnim{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pyProEnterAnim{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.ppfProject a,.ppfProject span{font-size:18px;text-decoration:none;color:#fff!important;padding:10px 15px;font-family:"Montserrat",sans-serif;display:inline-block;transition:.5s;font-weight:300}.ppfProject span{position:absolute;left:0;z-index:1;opacity:0}.ppfProject .active,.ppfProject:hover a{color:#6495ed!important}.ppfProject:hover a{position:relative;z-index:2;transition:.5s;-webkit-animation:moveLinkAnim .5s;animation:moveLinkAnim .5s}.ppfProject:hover span{color:#6495ed!important;opacity:0;-webkit-animation:moveHideAnim .5s;animation:moveHideAnim .5s;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes moveHideAnim{0%{opacity:.7}to{-webkit-transform:translateY(-15px);transform:translateY(-15px);opacity:0;color:#6495ed}}@keyframes moveHideAnim{0%{opacity:.7}to{-webkit-transform:translateY(-15px);transform:translateY(-15px);opacity:0;color:#6495ed}}@-webkit-keyframes moveLinkAnim{50%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}50.5%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:1}}@keyframes moveLinkAnim{50%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}50.5%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:1}}.innerPyPfItems{padding:80px 0}.ppfItem .imagePyPro{width:43%}.ppfItem .descPyPro{width:57%;color:#929292;line-height:30px}.descPyPro h2{font-family:"Montserrat",sans-serif;color:#fff;font-weight:600;margin-bottom:30px}.descPyPro p{font-family:"Lato",sans-serif}.imagePyPro{text-align:center}.imagePyPro img{width:80%;margin:5px 0}.descPyPro b{color:#fff}.descPyPro p li{margin-top:5px}.descPyPro h4{font-family:"Montserrat",sans-serif;color:#fff;font-weight:300;margin-top:40px;margin-bottom:20px}.descPyPro a{text-decoration:none}.descPyPro a div{background:#6495ed;color:#fff;font-size:20px;padding:10px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.imagePyPro video{width:80%}.descPyPro p a{color:#929292}.exitPyPro{-webkit-animation:exitAnimPyPro 1s;animation:exitAnimPyPro 1s}@-webkit-keyframes exitAnimPyPro{50%{-webkit-transform:scale(.4) translateY(-50%);transform:scale(.4) translateY(-50%);opacity:1}to{-webkit-transform:scale(.5) translateX(-100%) translateY(-50%);transform:scale(.5) translateX(-100%) translateY(-50%);opacity:0}}@keyframes exitAnimPyPro{50%{-webkit-transform:scale(.4) translateY(-50%);transform:scale(.4) translateY(-50%);opacity:1}to{-webkit-transform:scale(.5) translateX(-100%) translateY(-50%);transform:scale(.5) translateX(-100%) translateY(-50%);opacity:0}}@media (max-width:1025px) and (min-width:768px){.ppfItem{-webkit-flex-direction:column;flex-direction:column}.ppfItem img,.ppfItem video{width:45%;margin:5px}.ppfItem .descPyPro,.ppfItem .imagePyPro{width:100%;padding:20px 0}}@media (max-width:1370px) and (min-width:1026px){.ppfItem .descPyPro{line-height:25px!important}}@media (max-width:768px){.ppfItem{-webkit-flex-direction:column;flex-direction:column}.ppfItem .descPyPro,.ppfItem .imagePyPro{width:100%;padding:20px 0}.ppfItem img{width:100%}.ppfProject a,.ppfProject span{font-size:15px;padding:2px 5px}.PyPfItemContainer{padding-bottom:0}}.photographyBanner{height:100vh;width:100%;background:#fff;padding:0;overflow:hidden}.innerPhotographyBanner{height:100%;width:100%}.pBannerText{width:50%;padding:0 10%;height:100%;border-bottom:1px dashed #1f1f1f}.pBannerText h1{font-size:60px;font-family:"Montserrat",sans-serif;font-weight:300;margin-bottom:30px;-webkit-animation:pBannerTitleEnter 1s;animation:pBannerTitleEnter 1s}@-webkit-keyframes pBannerTitleEnter{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}70%{opacity:0}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pBannerTitleEnter{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}70%{opacity:0}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.pBannerText p{font-family:"Lato",sans-serif;line-height:30px;margin-bottom:30px}.pBannerText a{color:#1f1f1f;text-decoration:none;border:1px solid #1f1f1f;transition:.5s;padding:7px 15px;-webkit-animation:pbuttonAppear 1s;animation:pbuttonAppear 1s}@-webkit-keyframes pbuttonAppear{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes pbuttonAppear{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.pBannerText a:hover{background:#1f1f1f;color:#fff;transition:.5s}.pBannerImage{width:50%;position:relative;height:100%;border-bottom:1px dashed #1f1f1f}.pBannerTop{top:0}.pBannerCenter,.pBannerTop{position:absolute;left:0;width:100%}.pBannerCenter{top:22.35%}.pBannerBottom{position:absolute;top:67.2%;left:0;width:100%}.flickeringCursor{-webkit-animation:flicker 1s infinite;animation:flicker 1s infinite}@-webkit-keyframes flicker{50%{opacity:0}}@keyframes flicker{50%{opacity:0}}.photographyPfItems{background:#fff;width:100%;padding:60px 10%}.photographyPfItems h2{font-size:50px;font-family:"Montserrat",sans-serif;font-weight:300;margin-bottom:30px;text-align:center}.phItem{margin:20px 0;border:10px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.24)}.phItem,.phItem .bwimg{width:100%;transition:.5s}.phItem .bwimg{-webkit-filter:saturate(0);filter:saturate(0)}.phItem:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:.5s}.phItem .bwimg:hover{-webkit-filter:saturate(1);filter:saturate(1);transition:.5s}@media (max-width:1370px) and (min-width:1025px){.pBannerText{padding:0 7%}}.photographyImageViewer{position:fixed;z-index:150;top:0;width:100%;height:100%;left:0;-webkit-animation:imageViewerPopUp .5s;animation:imageViewerPopUp .5s}.photographyImageViewer img{height:100%;border:10px solid #fff;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09)}.innerImageViewer{width:100%;height:100%}@-webkit-keyframes imageViewerPopUp{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes imageViewerPopUp{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.imageContainerIV{position:relative;height:80%}.CloseButtonImageViewer{position:absolute;top:15px;font-size:25px;right:15px;color:#fff}@media (max-width:1025px) and (min-width:768px){.photographyBanner{height:80vh}.innerPhotographyBanner{-webkit-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.pBannerText{position:absolute;z-index:2;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:80%;color:#fff!important}.pBannerImage,.pBannerTop{width:100%}.pBannerCenter{top:20.85%;width:100%}.pBannerBottom{width:100%;top:62.8%}.imageContainerIV{width:80%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.imageContainerIV img{width:100%;height:auto}}@media (max-width:750px){.imageContainerIV{width:90%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.imageContainerIV img{width:100%;height:auto}.imageRowPhPf{-webkit-flex-direction:column!important;flex-direction:column!important}.innerPhotographyBanner{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.photographyBanner{height:100vh}.pBannerImage{width:100%;height:40%;border-bottom:none}.pBannerTop{width:100%}.pBannerCenter{top:25.5%;width:100%}.pBannerBottom{width:100%;top:62.8%;display:none}.pBannerText{padding:20px 25px 0;width:100%;height:60%}.pBannerText p{line-height:20px;font-size:14px}.pBannerText h1{font-size:30px;margin-bottom:20px}}@media (max-width:768px) and (max-height:670px){.pBannerImage{width:100%;height:30%;overflow:hidden;border-bottom:none}.pBannerTop{top:-16%;width:100%}.pBannerCenter{top:25.5%;width:100%}.pBannerText{padding:20px 25px 0;width:100%;height:70%}.pBannerText h1{font-size:25px;margin-bottom:10px}}.menu{width:100%;height:100vh;overflow:hidden;position:fixed;top:0;left:0;background:#000;z-index:1000;-webkit-animation:menuEnter .5s;animation:menuEnter .5s}@-webkit-keyframes menuEnter{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes menuEnter{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.innerMenu{position:relative;width:100%;height:100%}.innerMenu #gridCanvas{position:absolute;top:0;left:0;z-index:1}.menuList{position:relative;z-index:2;width:100%;height:100%}.menuList a{text-decoration:none;font-size:50px;color:#fff;font-family:"Montserrat",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:2px;background:#589ed1;display:block;background:linear-gradient(270deg,#6190e6 50%,#fff 0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto!important;background-position:0;transition:.25s}.menuList a:hover{background-position:100%;-webkit-transform:scale(1.2) translateX(10%);transform:scale(1.2) translateX(10%);transition:.25s}.MenuI{transition:.5s}.MenuI,.MenuII{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.MenuII{-webkit-animation:moveMenu 1s;animation:moveMenu 1s;transition:1s}@-webkit-keyframes moveMenu{0%{left:100vw}to{left:50%}}@keyframes moveMenu{0%{left:100vw}to{left:50%}}.displaySec .MenuI{left:10%;-webkit-transform:scale(.7) translateX(-50%) translateY(-50%);transform:scale(.7) translateX(-50%) translateY(-50%)}.startMenuExit .MenuI{-webkit-animation:resizeMenuI 1s;animation:resizeMenuI 1s}@-webkit-keyframes resizeMenuI{0%{-webkit-transform:scale(.7) translateX(-50%) translateY(-50%);transform:scale(.7) translateX(-50%) translateY(-50%);left:10%}to{-webkit-transform:scale(1) translateX(-50%) translateY(-50%);transform:scale(1) translateX(-50%) translateY(-50%);left:50%}}@keyframes resizeMenuI{0%{-webkit-transform:scale(.7) translateX(-50%) translateY(-50%);transform:scale(.7) translateX(-50%) translateY(-50%);left:10%}to{-webkit-transform:scale(1) translateX(-50%) translateY(-50%);transform:scale(1) translateX(-50%) translateY(-50%);left:50%}}.startMenuExit .MenuII{-webkit-animation:menuSecExit 1s!important;animation:menuSecExit 1s!important}@-webkit-keyframes menuSecExit{0%{left:50%}to{left:120vw}}@keyframes menuSecExit{0%{left:50%}to{left:120vw}}@media (max-width:768px){.menuList a{font-size:30px}.displaySec .MenuI{left:20%;top:70%;-webkit-transform:scale(.7) translateX(-50%) translateY(-50%);transform:scale(.7) translateX(-50%) translateY(-50%)}@-webkit-keyframes resizeMenuI{0%{-webkit-transform:scale(.7) translateX(-50%) translateY(-50%);transform:scale(.7) translateX(-50%) translateY(-50%);left:20%}to{-webkit-transform:scale(1) translateX(-50%) translateY(-50%);transform:scale(1) translateX(-50%) translateY(-50%);left:50%}}@keyframes resizeMenuI{0%{-webkit-transform:scale(.7) translateX(-50%) translateY(-50%);transform:scale(.7) translateX(-50%) translateY(-50%);left:20%}to{-webkit-transform:scale(1) translateX(-50%) translateY(-50%);transform:scale(1) translateX(-50%) translateY(-50%);left:50%}}}@media (max-width:500px) and (max-height:650px){.menuList a{font-size:20px}}.mobilePortfolioItems{width:100%;height:100vh}.mobileInnerPortfolioItems,.projectTitle{width:100%;height:100%}.projectTitle button{font-family:"Montserrat",sans-serif;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:80px;background:transparent;border:none;outline:none}
/*# sourceMappingURL=main.fe9f4ff6.chunk.css.map */