.magneticBg,.magneticBg .magneticElement{width:100%;height:100%}.magneticBg.paddedElement{padding:100px 200px;margin-left:-200px;margin-top:-100px;width:-moz-max-content;width:max-content;position:absolute;height:-moz-max-content;height:max-content}#Navbar{background-color:var(--theme);z-index:100;height:var(--navbarHeight)}.logo{color:#1dbd9c;background-color:#16252d;font-size:var(--flg)}.logo .Link>*{pointer-events:none}.logo .nav{padding:0 45px}.border-light{border-color:#3a474e}.nav{padding:0 25px;display:flex;align-items:center;justify-content:center;cursor:pointer;height:100%}.contactBtn{background-color:#fff;color:var(--theme);border-radius:20px;padding:5px 24px}.languageMenu{position:absolute;top:100%;font-weight:400;left:50%;transform:translate(-50%,50px);width:250px;border-radius:5px;transition:.2s;opacity:0;pointer-events:none;background-color:var(--theme);color:var(--about)}.languageMenu>label{opacity:0;transform:translateY(30px);transition:.3s,.3s,.1s;transition-property:transform,opacity,background-color;padding:10px 20px;cursor:pointer;height:50px;width:100%;display:flex;gap:30px;justify-content:space-between;align-items:center}.languageMenu>label:hover{background-color:#0077ff0f}.languageMenu>label:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.1)}.languageMenu.active{opacity:1;pointer-events:auto;transform:translate(-50%)}.languageMenu.active>label{opacity:1;transform:translateY(0);transition:0;transition-delay:0}.languageMenu [type=radio]{position:absolute;left:-9999px}.languageMenu .customRadio{width:18px;height:18px;color:#fff}.languageMenu .customRadio:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border:1px solid white;border-radius:100%}.languageMenu .customRadio:after{content:"";width:12px;height:12px;background:var(--themeGreen);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;transition:all .2s ease}.languageMenu [type=radio]:not(:checked)+.customRadio:after{opacity:0;transform:translate(-50%,-50%) scale(0)}.languageMenu [type=radio]:checked+.customRadio:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.languageMenu [type=radio]:checked+.customRadio:before{opacity:1;border-color:var(--themeGreen)}.languageMenu>label:nth-child(1){transition-delay:0s,0s,0s}.languageMenu>label:nth-child(2){transition-delay:.05s,.05s,0s}.languageMenu>label:nth-child(3){transition-delay:.1s,.1s,0s}.languageMenu>label:nth-child(4){transition-delay:.15s,.15s,0s}.languageMenu>label:nth-child(5){transition-delay:.2s,.2s,0s}.languageMenu>label:nth-child(6){transition-delay:.25s,.25s,0s}.languageMenu>label:nth-child(7){transition-delay:.3s,.3s,0s}.languageMenu>label:nth-child(8){transition-delay:.35s,.35s,0s}.languageMenu>label:nth-child(9){transition-delay:.4s,.4s,0s}.languageMenu>label:nth-child(10){transition-delay:.45s,.45s,0s}.languageMenu>label:nth-child(11){transition-delay:.5s,.5s,0s}.languageMenu>label:nth-child(12){transition-delay:.55s,.55s,0s}.languageMenu>label:nth-child(13){transition-delay:.6s,.6s,0s}.languageMenu>label:nth-child(14){transition-delay:.65s,.65s,0s}.languageMenu>label:nth-child(15){transition-delay:.7s,.7s,0s}.languageMenu>label:nth-child(16){transition-delay:.75s,.75s,0s}.languageMenu>label:nth-child(17){transition-delay:.8s,.8s,0s}.languageMenu>label:nth-child(18){transition-delay:.85s,.85s,0s}.languageMenu>label:nth-child(19){transition-delay:.9s,.9s,0s}.languageMenu>label:nth-child(20){transition-delay:.95s,.95s,0s}.languageMenu>label:nth-child(21){transition-delay:1s,1s,0s}.languageMenu>label:nth-child(22){transition-delay:1.05s,1.05s,0s}.languageMenu>label:nth-child(23){transition-delay:1.1s,1.1s,0s}.languageMenu>label:nth-child(24){transition-delay:1.15s,1.15s,0s}.languageMenu>label:nth-child(25){transition-delay:1.2s,1.2s,0s}.languageMenu>label:nth-child(26){transition-delay:1.25s,1.25s,0s}.menubar{overflow:visible}.menubar path{transition:.3s}.menubar.active .line1{transform-origin:center center;transform:rotate(45deg) translate(5px) translateY(10px)}.menubar.active .line2{opacity:0}.menubar.active .line3{transform-origin:center center;transform:rotate(-45deg) translate(2.5px) translateY(-8px)}#Navpage{display:flex;height:100vh;position:fixed;padding-top:var(--navbarHeight);inset:0;z-index:50;opacity:0;pointer-events:none;transition:.4s}#Navpage .menu ul{width:300px}#Navpage .menu ul:before{position:absolute;width:5px;border-radius:3px;left:-20px;height:calc(100% - 30px);top:15px;background:var(--about)}#Navpage .menu li{font-size:18px;font-weight:400;border-bottom:1px solid rgb(65,78,85)}#Navpage .menu li:before{content:"";position:absolute;width:1000px;height:1px;left:0;bottom:-1px;background-color:#414e55}#Navpage .menu li:last-child{border-bottom:0}#Navpage .menu li:last-child:before{display:none}#Navpage .menu li a{transition:.3s;display:flex;gap:10px;align-items:center;vertical-align:middle;width:300%;transform:translateY(-100%);opacity:0}#Navpage .menu li a>span{font-size:40px;margin-top:5px;font-family:var(--thunder);-webkit-text-stroke:.3px rgba(255,255,255,.2);letter-spacing:1px;-webkit-text-fill-color:transparent}#Navpage .skills{color:var(--about)}#Navpage .skills .tagcloud{mix-blend-mode:difference}#Navpage .skills:before{width:50%;height:100%;position:absolute;left:50%;top:0;content:"";background-color:#fff}#Navpage .skills .filter{content:"";width:100%;height:200%;position:absolute;background-color:#fff;transform-origin:left center;transition:.3s}#Navpage.active{opacity:1;pointer-events:auto}#Navpage.active .filter{transform:rotate(10deg);transition-delay:.4s}#Navpage.active .menu li a{opacity:1;transform:translateY(0)}#Navpage .imgWrapper{position:fixed;left:30%;top:80%;width:300px;aspect-ratio:16/9;border-radius:5px;overflow:hidden;pointer-events:none;opacity:0;z-index:10}#Navpage li:nth-child(1) a{transition-delay:.1s}#Navpage li:nth-child(2) a{transition-delay:.2s}#Navpage li:nth-child(3) a{transition-delay:.3s}#Navpage li:nth-child(4) a{transition-delay:.4s}#Navpage li:nth-child(5) a{transition-delay:.5s}#Navpage li:nth-child(6) a{transition-delay:.6s}.rollingText{overflow:hidden;letter-spacing:1px;display:inline-block;width:100%;height:80px;line-height:80px}.rollingText>div{width:-moz-max-content;width:max-content;height:100%}.rollingText>div:last-child{color:var(--themeGreen)}.rollingText .letter{display:inline-block;transition:.6s}.rollingText:hover .letter{transform:translateY(-100%)}.letter:nth-child(1){transition-delay:0s}.letter:nth-child(2){transition-delay:15ms}.letter:nth-child(3){transition-delay:.03s}.letter:nth-child(4){transition-delay:45ms}.letter:nth-child(5){transition-delay:.06s}.letter:nth-child(6){transition-delay:75ms}.letter:nth-child(7){transition-delay:.09s}.letter:nth-child(8){transition-delay:.105s}.letter:nth-child(9){transition-delay:.12s}.letter:nth-child(10){transition-delay:.135s}.letter:nth-child(11){transition-delay:.15s}.letter:nth-child(12){transition-delay:.165s}.letter:nth-child(13){transition-delay:.18s}.letter:nth-child(14){transition-delay:.195s}.letter:nth-child(15){transition-delay:.21s}.letter:nth-child(16){transition-delay:.225s}.letter:nth-child(17){transition-delay:.24s}.letter:nth-child(18){transition-delay:.255s}.letter:nth-child(19){transition-delay:.27s}.letter:nth-child(20){transition-delay:.285s}.letter:nth-child(21){transition-delay:.3s}.letter:nth-child(22){transition-delay:.315s}.letter:nth-child(23){transition-delay:.33s}.letter:nth-child(24){transition-delay:.345s}.letter:nth-child(25){transition-delay:.36s}.letter:nth-child(26){transition-delay:.375s}.scrollbar-track{background:var(--theme)!important}.scrollbar-thumb{cursor:pointer}.lang-ben,.lang-hi{--fh: 70px;--flg: 17px;font-size:14px;--heading2: 100px;--fxl: 20px;--f3xl: 35px}.lang-ben #About .text h3,.lang-hi #About .text h3{font-size:65px;line-height:1.3}.lang-es{--heading2: 120px}.lang-ta,.lang-ja{--fxl: 20px;--fh: 60px;--flg: 15px;--heading2: 80px;--f3xl: 35px}.lang-ta .tagLine,.lang-ja .tagLine{font-size:12px}#Header{height:calc(100vh - var(--navbarHeight));min-height:500px;margin-top:var(--navbarHeight);max-height:1024px;border-bottom:1px solid rgba(255,255,255,.2)}#Header .Link>*{pointer-events:none}#Header h1{color:var(--themeOrange);font-family:var(--thunder);font-weight:900;font-size:var(--fh);width:-moz-max-content;width:max-content;line-height:1}#Header h1:before,#Header h1:after{color:#9177ab;font-size:calc(var(--fh) / 2);font-family:var(--signika);font-weight:900;position:absolute;top:50%;transform:translateY(-50%)}#Header h1:before{left:-40px;content:"<"}#Header h1:after{right:-60px;content:"/>"}#Header .description{font-size:var(--flg);font-weight:400;color:#fffc;line-height:190%;margin-bottom:var(--px)}#Header .callToActionBtn{width:-moz-max-content;width:max-content;display:flex;gap:20px;height:67px;font-size:var(--flg);align-items:center;color:var(--themeGreen);cursor:pointer}#Header .callToActionBtn .icon{zoom:.8;pointer-events:none;width:32px;height:67px;border-radius:60px;border:3px solid #CECECE}#Header .callToActionBtn .icon .ball{width:18px;height:18px;border-radius:50%;background-color:#fff;position:absolute;top:0px;left:50%;transform:translate(-50%);animation:animateBall 1.5s ease-in-out infinite alternate}#Header .tagLine{font-size:var(--flg);color:#8ab4f8;font-family:var(--pixel);top:100px;left:55px;z-index:10}#Header .jsLogo{position:absolute;left:10px;width:50px;bottom:155px}#Header .fLogo{position:absolute;top:0px;left:100px;width:40px}#Header .gsapLogo{left:0;top:150px;zoom:.7}#Header .heroImg{width:450px}#Header .decoration.decoration1{position:absolute;transform:rotate(20deg);top:-100px;left:0;color:#fff3;font-weight:500;font-size:20px}#Header .decoration.decoration2{position:absolute;width:44px;height:50px;bottom:50px;left:50px;transform:rotate(20deg)}#Header .decoration.decoration3{position:absolute;right:0;bottom:100px;width:100px}#Header .decoration.decoration4{position:absolute;top:-10px;right:90px;font-size:40px;font-weight:300;color:#fff3}#Header .decoration.decoration5{position:absolute;height:35px;width:35px;background-color:#0d6d8e;border-radius:50%;bottom:-18px;left:300px}#Header .decoration.decoration6{position:absolute;top:10px;right:40%;width:30px;height:70px;border-radius:45px;transform:rotate(-35deg);border:2px solid rgba(255,255,255,.2)}#Header .decoration.decoration7{position:absolute;height:25px;width:25px;background-color:#0d6d8e;border-radius:50%;top:50px;right:200px}#Header .decoration.decoration8{position:absolute;height:15px;width:15px;background-color:#fd7246;border-radius:50%;top:10px;right:100px}#Header .decoration.decoration9{position:absolute;right:0;top:100px;z-index:-10;width:100px;height:auto}@keyframes animateBall{0%{transform:translateY(0) translate(-50%)}to{transform:translateY(calc(61px - 100%)) translate(-50%)}}@keyframes gear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#gear{transform-origin:center center;transform-box:fill-box;animation:gear 3s linear infinite forwards}.type{display:inline-block}.type>span{display:grid;overflow:hidden;height:1.2rem}.type>span span{white-space:pre-wrap;width:0px;max-width:-moz-max-content;max-width:max-content;overflow:hidden;height:inherit;word-break:break-all;animation:typeWriter 4s linear infinite alternate,wordChange 24s steps(3) infinite}.type>span span:after{content:"";width:2px;height:100%;position:absolute;bottom:0;right:0px;background-color:#fff;animation:blink1 .5s infinite steps(1)}.type>span span:before{content:"";display:inline-block}@keyframes typeWriter{70%,to{width:100%}}@keyframes blink1{0%,to{background:transparent}50%{background:white}}@keyframes wordChange{to{transform:translateY(-300%)}}.lang-es .type{transform:translate(-20px)}.lang-eng .type span,.lang-es .type span{line-height:.9}.heading2 h2{font-size:var(--heading2);-webkit-text-stroke:1px rgba(255,255,255,.13);-webkit-text-fill-color:transparent;text-align:center;font-family:var(--thunder);pointer-events:none}.heading2 p{text-transform:uppercase;font-size:var(--f2xl);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);letter-spacing:3px;cursor:pointer;transform-origin:left center}.heading2 p.rubberBand{animation:rubberBandWhole .7s ease-in-out forwards;display:inline-block}.heading2 p .rubberBand{display:inline-block;animation:rubberBand .9s ease-in-out forwards}.heading2 p span span{-webkit-background-clip:text!important;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;background:linear-gradient(to right,var(--themeGreen),rgb(105,255,160),var(--themeGreen));background-size:200%;animation:background-pan 10s linear infinite;pointer-events:none}.heading2 p>span:nth-child(1n) span{animation-delay:.5s}.heading2 p>span:nth-child(2n) span{animation-delay:1s}.heading2 p>span:nth-child(3n) span{animation-delay:1.5s}.heading2 p>span:nth-child(4n) span{animation-delay:2s}.heading2 p>span:nth-child(5n) span{animation-delay:2.5s}.heading2 p>span:nth-child(6n) span{animation-delay:3s}.heading2 p>span:nth-child(7n) span{animation-delay:3.5s}.heading2 p>span:nth-child(8n) span{animation-delay:4s}.heading2 p>span:nth-child(9n) span{animation-delay:4.5s}.heading2 p>span:nth-child(10n) span{animation-delay:5s}.heading2 p>span:nth-child(11n) span{animation-delay:5.5s}.heading2 p>span:nth-child(12n) span{animation-delay:6s}.heading2 p>span:nth-child(13n) span{animation-delay:6.5s}.heading2 p>span:nth-child(14n) span{animation-delay:7s}.heading2 p>span:nth-child(15n) span{animation-delay:7.5s}.heading2 p>span:nth-child(16n) span{animation-delay:8s}.heading2 p>span:nth-child(17n) span{animation-delay:8.5s}.heading2 p>span:nth-child(18n) span{animation-delay:9s}.heading2 p>span:nth-child(19n) span{animation-delay:9.5s}.heading2 p>span:nth-child(20n) span{animation-delay:10s}@keyframes background-pan{0%{background-position:0% center}to{background-position:-200% center}}@keyframes rubberBand{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}@keyframes rubberBandWhole{0%{transform:scaleX(1) translate(-50%,-50%)}30%{transform:scale3d(1.25,.75,1) translate(-50%,-50%)}40%{transform:scale3d(.75,1.25,1) translate(-50%,-50%)}50%{transform:scale3d(1.15,.85,1) translate(-50%,-50%)}65%{transform:scale3d(.95,1.05,1) translate(-50%,-50%)}75%{transform:scale3d(1.05,.95,1) translate(-50%,-50%)}to{transform:scaleX(1) translate(-50%,-50%)}}#ArrowCanvas{display:flex;flex-flow:column;justify-content:space-around;padding:20px;font-size:14px}#ArrowCanvas>div{height:20px;display:flex;justify-content:space-between}#BoxCanvas svg{opacity:.5}#SnowCanvas canvas{max-width:var(--wp2)!important;max-height:var(--hp2)!important}#SquareBubbleCanvas .bg-bubbles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#SquareBubbleCanvas .bg-bubbles li{position:absolute;list-style:none;display:block;width:40px;height:40px;background-color:#ffffff26;bottom:-160px;animation:square 25s infinite;transition-timing-function:linear}#SquareBubbleCanvas .bg-bubbles li:nth-child(1){left:10%}#SquareBubbleCanvas .bg-bubbles li:nth-child(2){left:20%;width:80px;height:80px;animation-delay:2s;animation-duration:17s}#SquareBubbleCanvas .bg-bubbles li:nth-child(3){left:25%;animation-delay:4s}#SquareBubbleCanvas .bg-bubbles li:nth-child(4){left:40%;width:60px;height:60px;animation-duration:22s;background-color:#ffffff40}#SquareBubbleCanvas .bg-bubbles li:nth-child(5){left:70%}#SquareBubbleCanvas .bg-bubbles li:nth-child(6){left:80%;width:120px;height:120px;animation-delay:3s;background-color:#fff3}#SquareBubbleCanvas .bg-bubbles li:nth-child(7){left:32%;width:160px;height:160px;animation-delay:7s}#SquareBubbleCanvas .bg-bubbles li:nth-child(8){left:55%;width:20px;height:20px;animation-delay:15s;animation-duration:40s}#SquareBubbleCanvas .bg-bubbles li:nth-child(9){left:25%;width:10px;height:10px;animation-delay:2s;animation-duration:40s;background-color:#ffffff4d}#SquareBubbleCanvas .bg-bubbles li:nth-child(10){left:90%;width:160px;height:160px;animation-delay:11s}@keyframes square{0%{transform:translateY(0)}to{transform:translateY(-700px) rotate(600deg)}}#Work .Link{cursor:pointer}#Work .Link>*{pointer-events:none}.projects{display:grid;grid-template-columns:auto auto;justify-content:center;row-gap:60px;-moz-column-gap:15px;column-gap:15px}.projectBg{display:flex;align-items:center;justify-content:center;width:-moz-max-content;width:max-content;margin:0 auto}.project .view{border-radius:5px;overflow:hidden}.project .texts{padding:10px 0;border-bottom:1px solid}.project .texts h3{font-family:var(--pixel);font-size:var(--fxl)}.project .texts p{text-transform:capitalize;opacity:.6;font-weight:300;font-size:14px}.project1 .view{width:var(--wp1);height:var(--hp1);background-color:var(--project1);color:var(--theme)}.project1 .texts{border-color:var(--project1);width:var(--wp1)}.project2 .view{width:var(--wp2);height:var(--hp2);background-color:var(--project2)}.project2 .texts{border-color:var(--project2);width:var(--wp2)}.project3 .view{width:var(--wp2);height:var(--hp2);background-color:var(--project3)}.project3 .texts{border-color:var(--project3);width:var(--wp2)}.project4 .view{width:var(--wp1);height:var(--hp1);background-color:var(--project4)}.project4 .texts{border-color:var(--project4);width:var(--wp1)}.wormHoleBtn{width:180px;height:180px;border-radius:50%;font-size:100px;background-color:var(--about);display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}.wormHoleBtn svg{width:85px;transform:rotate(135deg);transform-origin:center center;pointer-events:none}.wormHoleBtn .wormHoleBtnText{width:101%;height:101%;z-index:2;-webkit-clip-path:circle(0 at center);clip-path:circle(0 at center);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;text-align:center;border-radius:50%;line-height:1;background-color:var(--about);color:var(--theme);transform-origin:center center;transition:.4s;overflow:hidden;display:flex;align-items:center;justify-content:center}.wormHoleBtn .wormHoleBtnText p{transition:.3s;transition-delay:.4s;font-weight:700}.wormHoleBtn:hover .wormHoleBtnText{-webkit-clip-path:circle(90px at center);clip-path:circle(90px at center)}.wormHoleBtn:hover .wormHoleBtnText p{transform:rotate(-45deg)}.spreader{width:30px;height:30px;background-color:var(--about);border-radius:50%}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}#About{background-color:var(--about)}#About .swiper{height:100%;cursor:default}#About .swiper-wrapper{height:100%}#About .swiper-slide{overflow:hidden;height:100%}#About .swiper-slide>div{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:flex-start;padding-bottom:30px}#About .text{position:absolute;padding-left:100px;width:-moz-max-content;width:max-content;height:-moz-min-content;height:min-content;font-family:var(--thunder);color:var(--theme);pointer-events:none}#About .text h3{font-size:var(--fh);line-height:.9}#About .text .pageNum{opacity:.5;font-size:50px}#About .text p{font-size:var(--flg);font-family:var(--signika);font-weight:500;text-transform:capitalize}#About .arrows{z-index:49;position:absolute;right:100px;bottom:40px;display:flex;gap:15px}#About .arrows>div{width:70px;height:70px;font-size:30px;border-radius:50%;border:1px solid rgba(0,0,0,.6);display:flex;cursor:pointer;align-items:center;justify-content:center}#About .arrows .right{background-color:var(--theme);color:#fff;border:none}.content{margin-top:50px;width:50%;margin-left:40%;overflow-y:scroll;height:calc(100% - 50px)}.content .scrollbar-track{background:transparent!important}.content .scrollbar-thumb{cursor:var(--theme)!important}.content h6{color:var(--theme);font-size:30px;margin-bottom:5px;font-weight:700}.content .tags{display:flex;flex-wrap:wrap;margin:15px 0;gap:5px}.content .tags>span{color:#000000b3;padding:4px 15px;border-radius:20px}.content .tags>span:nth-child(1){background-color:#ff2e5c;color:#fff}.content .tags>span:nth-child(2){background-color:#a7ff9f}.content .tags>span:nth-child(3){background-color:#091922;color:#fff}.content .tags>span:nth-child(4){background-color:#396ec6;color:#fff}.content .tags>span:nth-child(5){background-color:#a7ff9f}.content .tags>span:nth-child(6){background-color:#eaeaea}.content .tags>span:nth-child(7){background-color:#8330c2;color:#fff}.content .tags>span:nth-child(8){background-color:#1dbd9c;color:#fff}.content .tags>span:nth-child(9){background-color:#396ec6;color:#fff}.content .tags>span:nth-child(10){background-color:#fd7246;color:#fff}.content .tags>span:nth-child(11){background-color:#ffc29f}.content p{font-size:20px}.content ul li{list-style-type:disc;margin:10px 0 10px 30px;opacity:.8}#image-track{display:flex;gap:15px;position:absolute;left:50%;top:10%;cursor:grab;height:300px;transform:translate(0);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-max-content;width:max-content}#image-track>.image{width:240px;border:1px solid rgba(0,0,0,.3);overflow:hidden;height:300px;cursor:pointer;border-radius:5px;-o-object-fit:cover;object-fit:cover;-o-object-position:100% center;object-position:100% center}#image-track>.image.no-cursor{pointer-events:none}#image-track>.image img{-o-object-fit:cover;object-fit:cover;height:300px;-o-object-position:100% center;object-position:100% center;pointer-events:none;width:240px}.cv1{background-color:#4158d0;background-image:linear-gradient(to right,#4158D0 0%,#C850C0 30%,#FFCC70 66%)}.cv2{background-color:#21d4fd;background-image:linear-gradient(19deg,#21D4FD 0%,#B721FF 100%)}.cv3{background-color:#ffe53b;background-image:linear-gradient(147deg,#FFE53B 0%,#FF2525 74%)}.cv4{background-image:radial-gradient(circle farthest-corner at 10% 20%,rgb(14,174,87) 0%,rgb(12,116,117) 90%)}.cv5{background-image:linear-gradient(358.3deg,rgb(255,82,168) 12.9%,rgb(177,118,240) 134.3%)}.book{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:660px;height:450px;transform:translate(-50%,-50%) rotateX(10deg) rotateY(-10deg);transform-style:preserve-3d;font-size:14px;font-weight:400}.book .pageNum{position:absolute;left:50%;bottom:10px;transform:translate(-50%);font-size:10px;font-weight:300}.page{width:330px;height:450px;background:#eee;position:absolute;top:0;right:0;transition:transform 1s;cursor:grab}.page>*{pointer-events:none}.page:nth-child(1){padding:5% 4% 4% 5%;transform-origin:0% 50%;transform:translateZ(-1px);background:#9bc8d6}.left-side:nth-child(1){transform:translateZ(1px) rotateY(-180deg)}.page:nth-child(2){padding:5% 5% 4% 4%;transform-origin:100% 50%;transform:translateZ(-2px) scaleX(-1) translate(100%);background:#9bc8d6}.left-side:nth-child(2){transform:translateZ(2px) scaleX(-1) translate(100%) rotateY(180deg)}.page:nth-child(3){padding:5% 4% 4% 5%;transform-origin:0% 50%;transform:translateZ(-3px);background:#f5f5f5}.left-side:nth-child(3){transform:translateZ(3px) rotateY(-180deg)}.page:nth-child(4){padding:5% 5% 4% 4%;transform-origin:100% 50%;transform:translateZ(-4px) scaleX(-1) translate(100%);background:#f5f5f5}.left-side:nth-child(4){transform:translateZ(4px) scaleX(-1) translate(100%) rotateY(180deg)}.page:nth-child(5){padding:5% 4% 4% 5%;transform-origin:0% 50%;transform:translateZ(-5px);background:#f5f5f5}.left-side:nth-child(5){transform:translateZ(5px) rotateY(-180deg)}.page:nth-child(6){padding:5% 5% 4% 4%;transform-origin:100% 50%;transform:translateZ(-6px) scaleX(-1) translate(100%);background:#f5f5f5}.left-side:nth-child(6){transform:translateZ(6px) scaleX(-1) translate(100%) rotateY(180deg)}.page:nth-child(7){padding:5% 4% 4% 5%;transform-origin:0% 50%;transform:translateZ(-7px);background:#f5f5f5}.left-side:nth-child(7){transform:translateZ(7px) rotateY(-180deg)}.page:nth-child(8){padding:5% 5% 4% 4%;transform-origin:100% 50%;transform:translateZ(-8px) scaleX(-1) translate(100%);background:#f5f5f5}.left-side:nth-child(8){transform:translateZ(8px) scaleX(-1) translate(100%) rotateY(180deg)}.page:nth-child(9){padding:5% 4% 4% 5%;transform-origin:0% 50%;transform:translateZ(-9px);background:#f5f5f5}.left-side:nth-child(9){transform:translateZ(9px) rotateY(-180deg)}.page:nth-child(10){padding:5% 5% 4% 4%;transform-origin:100% 50%;transform:translateZ(-10px) scaleX(-1) translate(100%);background:#ccc}.left-side:nth-child(10){transform:translateZ(10px) scaleX(-1) translate(100%) rotateY(180deg)}.cover-front{text-align:center;background:linear-gradient(#afd2dd,#a1d5e5) 50% 50%/80% 86% no-repeat,linear-gradient(#ffffff,#ffffff) 50% 50%/90% 93% no-repeat,linear-gradient(#9bc8d6,#9bc8d6) no-repeat!important}.cover-front .heading{font-size:50px;font-family:var(--thunder);line-height:1;top:20px}.cover-front h2{font-size:24px;font-family:var(--pixel);top:30px}.cover-front .hat{font-size:100px}.page:nth-child(3) p:first-of-type:first-letter{font-size:32px}.bookPreview{font-size:8px;margin:-4.4em auto 0;width:18.5em;height:23.0991em;transform:perspective(60em) rotateX(58deg) rotate(-34deg) skewY(-7deg);box-shadow:-1.4em 1.7em .3em -.3em #000c,-1.6em 1.8em .9em -.2em #00000080,.3em 1.9em 1.3em #0000004d;border-top-right-radius:.4em}.bookPreview img{border-top-right-radius:.4em;box-sizing:border-box;width:100%;clip:rect(0em,18.5em,23.1em,0em);display:block;position:absolute;filter:saturate(90%)}.bookPreview:before{width:105%;height:105%;left:-5%;z-index:-1;background-repeat:no-repeat;background-image:linear-gradient(115deg,transparent 2.8%,#3f3f3f 3%,#3f3f3f 16%,transparent 16%),linear-gradient(125deg,transparent 10%,#3f3f3f 10%,#3f3f3f 17%,#222 46.8%,transparent 47%),linear-gradient(125deg,transparent 46%,rgba(0,0,0,.5) 46.5%,rgba(0,0,0,.25) 49%,transparent 53%),linear-gradient(to right,#444,#666),linear-gradient(#444,#444),linear-gradient(140deg,transparent 45%,#eee 45%,#ccc 96.8%,rgba(170,170,170,0) 97%);background-size:100% 100%,100% 100%,100% 100%,100% .4em,94% .2em,100% 100%;background-position:0 0,0 0,0 0,0 95.8%,0 100%,0 0}.bookPreview:after{width:100%;height:100%;background-repeat:no-repeat;background-image:linear-gradient(to right,transparent 2%,rgba(0,0,0,.1) 3%,rgba(0,0,0,.1) 4%,transparent 5%),linear-gradient(-50deg,rgba(0,0,0,.1) 20%,transparent 100%),linear-gradient(-50deg,rgba(0,0,0,.2) 20%,transparent 100%),linear-gradient(to bottom,rgba(0,0,0,.1) 20%,transparent 100%),linear-gradient(to bottom,rgba(0,0,0,.1) 20%,transparent 100%);background-size:100% 100%,2% 20%,1% 20%,2% 20%,1% 20%;background-position:0 0,2.2% 100%,3% 100%,2.2% 0,3% 0}.bookPreview:before,.bookPreview:after{content:"";position:absolute;top:0}.chessPieces{top:50px}.chessPieces i{animation-timing-function:ease-in;font-size:30px;margin:0 8px}.chessPieces .fa-chess-rook{animation:bounce .8s 0s infinite alternate}.chessPieces .fa-chess-knight{animation:bounce .8s .2s infinite alternate}.chessPieces .fa-chess-bishop{animation:bounce .8s .3s infinite alternate}.chessPieces .fa-chess-pawn{animation:bounce .8s .4s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-30px)}}.music{position:absolute;height:420px;width:420px;margin-top:50px;margin-left:30px;transform:scale(.3);transform-origin:top left}.music .headphone{position:absolute;z-index:10;left:-79px;top:-180px;width:110%;max-width:110%}.music .loder{flex-direction:row;border:1px solid rgba(0,0,0,.29);border-radius:50%;height:70%;background-color:#eefbff;width:70%;display:flex;top:0px;align-items:center;justify-content:center}.music .loder>div{width:30px;height:140px;margin:8px;overflow:hidden;border-radius:40px;background:linear-gradient(to bottom,rgba(0,0,0,.05));border:2px solid #edf1f4;box-shadow:15px 15px 20px #0000001a,-15px -15px 20px #fff,inset -5px -5px 5px #ffffff0d,inset 5px 5px 5px #0000000d}.music .loder>div:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;border-radius:4px;box-shadow:15px 15px 20px #0000001a,-15px -15px 20px #fff,inset -5px -5px 5px #ffffff0d,inset 5px 5px 5px #0000000d}.music .loder>div:after{content:"";position:absolute;left:2px;top:0;width:36px;height:36px;background-color:#fff;border-radius:50%;box-shadow:inset -5px -5px 5px #0003,0 420px 0 400px #2196f5;animation:music 2.5s ease-in-out infinite;animation-delay:calc(-.5s * var(--i));overflow:hidden}@keyframes music{0%{filter:hue-rotate(180deg);transform:translateY(160px)}50%{transform:translateY(0)}to{transform:translateY(160px);filter:hue-rotate(0deg)}}.footballBg{position:absolute;width:150px;height:200px;right:15px;bottom:50px;transform:scaleX(-1)}.footballBg svg{width:150px}.footballBg #ball{animation:ball .4s ease-out infinite alternate}.footballBg #left_leg{transform:translateY(-10px);animation:kick .4s ease-out infinite alternate;transform-origin:top}.footballBg #left_hand,.footballBg #right_hand{animation:movement .5s ease-in-out infinite alternate}.footballBg #short{animation:short_movement .4s ease-out infinite alternate}@keyframes ball{0%{transform:translateY(0)}to{transform:translateY(-30%)}}@keyframes kick{0%{transform:rotate(0)}to{transform:rotate(2.5deg)}}@keyframes movement{0%{transform:rotate(1deg)}to{transform:rotate(0)}}@keyframes short_movement{0%{transform:rotate(.5deg)}to{transform:rotate(0)}}.travel{width:300px;height:200px}.travel .imgbox{width:90%;margin:15px auto;display:flex;justify-content:center;align-items:center;background-size:cover;animation:animebg 60s linear infinite;transition:.5s ease-in-out;border-radius:6px;height:150px}.travel .imgbox .img{width:100px}.travel .imgbox .img img{-o-object-fit:cover;object-fit:cover;width:70px;height:30px;position:absolute;animation:plane 1s ease-in-out infinite alternate}@keyframes animebg{0%{background-position:0 0}to{background-position:1600px 0}}@keyframes plane{0%{transform:translateY(5px)}to{transform:translateY(-5px)}}.countingStars{width:100%;height:240px;position:relative;z-index:4}.countingStars svg{position:relative;color:#000;width:250px;height:200px;position:absolute}.countingStars svg path{stroke-width:1;stroke:#000200;fill:#000200}.stars{border-top-right-radius:25%;border-bottom-right-radius:10px;width:160px;left:40px;top:20px;height:120px;background-color:#000200;align-items:center;justify-content:center;position:relative}.stars .star{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;animation:stars 20s ease-in-out infinite;background-position:center;background-size:200%!important;background-repeat:no-repeat}.star.star1{animation-delay:0s;background:url(../star1.png)}.star.star2{animation-delay:-1s;background:url(../star2.png)}.star.star3{animation-delay:-2s;background:url(../star3.png)}.star.star4{animation-delay:-3s;background:url(../star4.png)}.star.star5{animation-delay:-4s;background:url(../star5.png)}.star.star6{animation-delay:-5s;background:url(../star6.png)}.star.star7{animation-delay:-6s;background:url(../star7.png)}.star.star8{animation-delay:-7s;background:url(../star8.png)}@keyframes stars{0%,20%,40%,60%,80%,to{opacity:0}10%,30%,50%,70%,90%{opacity:1}}.telescope{width:90px;position:absolute;height:auto;bottom:20px;left:0}#Footer{height:100vh;z-index:0}.library{--bg: #111;border-right:15px solid transparent;border-image-source:url(./frame1.b92bc915.png);border-image-slice:60;border-image-repeat:round;height:200px;width:350px;display:flex;align-items:flex-start;background-color:var(--bg)}.library:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background-color:#d2b48c20}.library>div{height:160px;width:350px;border-top:5px solid transparent;border-image-source:url(./frame2.e2535f5c.png);border-image-slice:60;border-image-repeat:round}.library>div:before{content:"";display:block;background-size:160px 80px;height:100%;width:100%;background-position:center bottom;background-image:linear-gradient(to top,#d2b48c 5%,var(--bg) 6%,var(--bg) 7%,transparent 7%),linear-gradient(to bottom,var(--bg) 30%,transparent 30%),linear-gradient(to right,#b22222,#871a1a 5%,transparent 5%),linear-gradient(to right,transparent 6%,#ff6347 6%,#ff3814 9%,transparent 9%),linear-gradient(to right,transparent 27%,#556b2f 27%,#39481f 34%,transparent 34%),linear-gradient(to right,transparent 51%,#fa8072 51%,#f85441 57%,transparent 57%),linear-gradient(to bottom,var(--bg) 35%,transparent 35%),linear-gradient(to right,transparent 42%,#008080 42%,#004d4d 44%,transparent 44%),linear-gradient(to right,transparent 45%,#008080 45%,#004d4d 47%,transparent 47%),linear-gradient(to right,transparent 48%,#008080 48%,#004d4d 50%,transparent 50%),linear-gradient(to right,transparent 87%,#789 87%,#4f5d6a 91%,transparent 91%),linear-gradient(to bottom,var(--bg) 37.5%,transparent 37.5%),linear-gradient(to right,transparent 14%,#bdb76b 14%,#989244 20%,transparent 20%),linear-gradient(to bottom,var(--bg) 40%,transparent 40%),linear-gradient(to right,transparent 10%,#808000 10%,#4d4d00 13%,transparent 13%),linear-gradient(to right,transparent 21%,#8b4513 21%,#5e2f0d 25%,transparent 25%),linear-gradient(to right,transparent 58%,#8b4513 58%,#5e2f0d 64%,transparent 64%),linear-gradient(to right,transparent 92%,#2f4f4f 92%,#1c2f2f 95%,transparent 95%),linear-gradient(to bottom,var(--bg) 48%,transparent 48%),linear-gradient(to right,transparent 96%,#2f4f4f 96%,#1c2f2f 99%,transparent 99%),linear-gradient(to bottom,transparent 68.5%,transparent 76%,var(--bg) 76%,var(--bg) 77.5%,transparent 77.5%,transparent 86%,var(--bg) 86%,var(--bg) 87.5%,transparent 87.5%),linear-gradient(to right,transparent 35%,#cd5c5c 35%,#bc3a3a 41%,transparent 41%),linear-gradient(to bottom,var(--bg) 68%,transparent 68%),linear-gradient(to right,transparent 78%,#bc8f8f 78%,#bc8f8f 80%,transparent 80%,transparent 82%,#bc8f8f 82%,#bc8f8f 83%,transparent 83%),linear-gradient(to right,transparent 66%,#a52a2a 66%,#7c2020 85%,transparent 85%)}#Window{--windowTheme: var(--theme);--windowTheme2:#212528;--windowTheme3: #156a67;position:absolute;left:500px;top:100px;transform:scale(.9)}#Window div{box-sizing:border-box;font-size:10px;width:20em;height:25em;background-repeat:no-repeat;background-image:linear-gradient(var(--windowTheme),var(--windowTheme)),repeating-linear-gradient(to bottom,var(--windowTheme3),var(--windowTheme3) .1em,var(--windowTheme) .1em,var(--windowTheme) .4em,transparent .4em,transparent .9em),linear-gradient(var(--windowTheme) 40%,var(--windowTheme3)),radial-gradient(circle,var(--windowTheme3) 30%,rgba(72,209,204,0) 31%),radial-gradient(circle,#cbcbcb 50%,rgba(127,255,212,0) 51%),linear-gradient(var(--windowTheme3),var(--windowTheme3)),linear-gradient(60deg,transparent 40%,var(--windowTheme2) 41%),linear-gradient(-60deg,transparent 40%,var(--windowTheme2) 41%),linear-gradient(to right,var(--windowTheme3) .1em,var(--windowTheme2) .1em),linear-gradient(to bottom,#000000 30%,#151415);background-size:calc(100% - .4em) 2em,calc(100% - .6em) 6em,.1em 20em,1.1em 1.1em,10em 10em,5em .1em,3.5em 2em,3.5em 2em,.4em 5em,100% 100%;background-position:50% .2em,50% 2.7em,1.1em .2em,.6em 19em,80% 18%,right 3.8em bottom 2em,right 6em bottom 0,right 3em bottom 0,right 6em bottom 0,0 0;border:.1em solid var(--windowTheme3);border-top-color:var(--windowTheme);box-shadow:0 0 0 .8em var(--windowTheme2),0 0 0 .9em var(--windowTheme)}#Window div:after{content:"";width:3em;position:absolute;height:2em;bottom:4em;display:block;right:3em;background-color:var(--windowTheme2);border-radius:2em 0;border-top:.1em solid var(--windowTheme3)}#Window div:before{content:"";position:absolute;display:block;width:24em;height:2em;left:-2.1em;bottom:-2.2em;background-color:var(--windowTheme2);border:.1em solid var(--windowTheme);border-top-color:var(--windowTheme3);box-shadow:0 1.4em 0 -.8em var(--windowTheme2),0 1.4em 0 -.7em var(--windowTheme)}.football{position:absolute;bottom:199px;left:270px;width:60px;filter:brightness(.6)}.messi{position:absolute;width:150px;background-color:#000;padding:0;height:90px;border:7px solid transparent;border-image-source:url(./frame1.b92bc915.png);border-image-slice:60;border-image-repeat:round;top:45px;left:30px;filter:brightness(.7)}.messi img{border:7px solid transparent;box-sizing:content-box;border-image-source:url(./frame2.e2535f5c.png);border-image-slice:60;border-image-repeat:round;max-width:unset;height:100%;width:130px;top:-7px}.ronaldo{position:absolute;top:20px;left:197px;display:flex;justify-content:center;width:130px;filter:brightness(.7);height:150px;border:8px solid transparent;border-image-source:url(./frame.2945cda8.png);border-image-slice:60;border-image-repeat:round;overflow:hidden}.ronaldo img{height:140px;max-width:unset;width:auto}#Aquarium{width:970px;position:absolute;transform:scale(.3);bottom:-25px;left:-350px}#Aquarium .fish,#Aquarium .fish_wrap{zoom:.7}#Aquarium .clear{clear:both}#Aquarium .window{width:950px;height:500px;position:relative;z-index:20}#Aquarium .fishtank_wrap{border:1px solid #191919;width:850px;height:400px;margin:50px auto auto;position:relative;overflow:hidden;border-right:20px solid #191919;border-left:20px solid #191919;border-bottom:8px solid #191919}#Aquarium .water{background-color:#6494ed17;pointer-events:none;border-bottom:1px solid #191919;height:349px;position:absolute;top:30px;width:850px;z-index:160;transform:scale(1)}#Aquarium .fishtank{height:400px;width:850px}#Aquarium .ground{background-color:#b19975;border-bottom:20px solid #655848;height:50px;position:absolute;top:341px;width:850px;z-index:25;box-shadow:0 13px 19px #3a251d inset}#Aquarium .rock_1{background-color:#956f53;border-radius:120px 20px 20px;height:115px;left:485px;position:absolute;top:238px;width:138px;box-shadow:3px -6px 2px #292828 inset,-13px -34px 49px #292828 inset;z-index:30}#Aquarium .rock_2{border:1px solid #252424;background-color:#604f46;border-radius:57px 84px 13px 13px;height:115px;left:566px;position:absolute;top:238px;width:128px;box-shadow:11px 14px 23px #171717,-83px -37px 25px #292828 inset;z-index:30}#Aquarium .rock_2:after{background-color:#604f46;border-radius:57px 0;box-shadow:-11px 15px 22px #171717,9px -27px 34px #292828 inset;content:"";height:60px;left:34px;position:absolute;top:51px;width:165px;border:1px solid #252424}#Aquarium .rock_3{border:1px solid #252424;background-color:#956f53;border-radius:121px 20px 137px 51px;height:52px;left:615px;position:absolute;top:323px;width:97px;z-index:50;box-shadow:1px -2px 8px #171717,1px -18px 18px #292828 inset}#Aquarium .rock_3:before{border:1px solid #252424;transform:rotate(186deg);background-color:#a37f64;border-radius:121px 20px 137px 51px;content:"";height:41px;left:-50px;position:absolute;top:9px;width:80px;box-shadow:-1px 4px 8px #171717,4px 3px 18px #292828 inset}#Aquarium .rock_3:after{border:1px solid #252424;background-color:#78604e;border-radius:60px 80px 30px 40px;content:"";box-shadow:-4px 3px 6px #171717,10px -7px 17px #292828 inset;transform:skew(22deg) skewY(-5deg);height:48px;left:70px;position:absolute;top:-12px;width:120px}#Aquarium .rock_4{transform:rotate(19deg);background-color:#956f53;border-radius:121px 19px 50px 18px;box-shadow:1px 4px 8px #171717,-6px -8px 12px #292828 inset;height:252px;left:227px;position:absolute;top:110px;width:107px;border:1px solid #252424;z-index:100}#Aquarium .rock_4:before{transform:rotate(89deg);background-color:#a37f64;border-radius:191px 106px 137px 1px;box-shadow:6px -27px 23px #473827 inset;content:"";height:44px;left:7px;position:absolute;top:91px;width:228px;border:1px solid #252424}#Aquarium .rock_4:after{background-color:#78604e;border-radius:121px 20px 137px 51px;box-shadow:5px 1px 4px #171717,-8px -7px 18px #292828 inset;content:"";height:63px;left:232px;position:absolute;top:128px;width:87px;border:1px solid #252424}#Aquarium .rock_5{border:1px solid #252424;transform:rotate(52deg) skew(-3deg);background-color:#956f53;border-radius:121px 20px 137px 51px;box-shadow:3px 2px 7px #171717,-14px -18px 30px #292828 inset;height:84px;left:95px;position:absolute;top:290px;width:77px;z-index:100}#Aquarium .rock_5:before{transform:rotate(217deg);background-color:#a37f64;border:1px solid #252424;border-radius:21px 20px 117px 51px;box-shadow:-8px 1px 8px #212020,5px -2px 15px #292828 inset;content:"";height:144px;left:-40px;position:absolute;top:5px;width:82px}#Aquarium .rock_5:after{transform:skew(-6deg) rotate(114deg);background-color:#78604e;border:1px solid #252424;border-radius:40px 102px 104px 109px;box-shadow:2px -1px 7px #171717,-5px 10px 20px #292828 inset;content:"";height:57px;left:91px;position:absolute;top:-147px;width:125px}#Aquarium .plant_1_wrap{position:absolute;left:676px;z-index:40}#Aquarium .plant_1{transform:rotate(-15deg);background-color:#3d8f39;border:1px solid #252424;border-radius:260px 30px 260px 17px;box-shadow:-4px -5px 8px #292828 inset;height:214px;left:-20px;position:absolute;top:150px;width:43px}#Aquarium .plant_1:after{border:1px solid #252424;box-shadow:0 10px 11px #292828;content:"";height:179px;left:20px;position:absolute;top:19px;width:2px}#Aquarium .plant_2{background-color:#33852f;border:1px solid #252424;border-radius:260px 30px 260px 17px;box-shadow:-4px -5px 8px #292828 inset;height:176px;left:42px;position:absolute;top:179px;width:71px;transform-origin:center bottom;animation-name:plant2;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .plant_2:after{border:1px solid #252424;box-shadow:0 10px 11px #292828;content:"";height:135px;left:29px;position:absolute;top:19px;width:2px}#Aquarium .plant_3{background-color:#33852f;border:1px solid #252424;border-radius:260px 30px 260px 17px;box-shadow:-4px -5px 8px #292828 inset;height:153px;left:9px;position:absolute;top:203px;width:39px;transform-origin:center bottom;animation-name:plant3;animation-duration:16s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .plant_3:after{border:1px solid #252424;box-shadow:0 10px 11px #292828;content:"";height:112px;left:14px;position:absolute;top:19px;width:2px}#Aquarium .plant_2_wrap{position:absolute;left:101px;z-index:40}#Aquarium .plant_4{background-color:#33852f;border:1px solid #252424;border-radius:260px 30px 260px 17px;box-shadow:-4px -5px 8px #292828 inset;height:135px;position:absolute;width:39px;left:-6px;top:190px;transform-origin:center bottom;animation-name:plant4;animation-duration:14.98s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .plant_4:after{border:1px solid #252424;box-shadow:0 10px 11px #292828;content:"";height:112px;left:14px;position:absolute;top:19px;width:2px}#Aquarium .plant_5{background-color:#33852f;border:1px solid #252424;border-radius:260px 30px 260px 17px;box-shadow:-4px -5px 8px #292828 inset;height:135px;position:absolute;width:39px;left:40px;top:200px;transform-origin:center bottom;animation-name:plant5;animation-duration:14.98s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .plant_5:after{border:1px solid #252424;box-shadow:0 10px 11px #292828;content:"";height:112px;left:14px;position:absolute;top:19px;width:2px}#Aquarium .long_plant2{transform:rotate(13deg);height:298px;margin:auto;position:absolute;top:41px;width:100px;z-index:98;left:450px;transform-origin:center bottom;animation-name:l_plant2;animation-duration:16s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .long_plant{transform:rotate(-13deg);height:298px;left:400px;margin:auto;position:absolute;top:56px;width:100px;z-index:25;transform-origin:center bottom;animation-name:l_plant;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .l_plant_1{border-radius:40px;border-right:12px groove green;height:90px;position:absolute;top:-1px;width:62px}#Aquarium .l_plant_1:after{transform:rotate(-32deg) skew(-9deg) skewY(32deg);background-color:#1e4e1d;border-radius:40px 40px 8px 80px;box-shadow:5px 3px 5px #1a2c1d inset;content:"";height:47px;left:25px;position:absolute;top:31px;width:25px}#Aquarium .l_plant_1:before{transform:rotate(16deg) skew(-9deg) skewY(-32deg);background-color:#7fbf7f;border-radius:40px 40px 80px 8px;box-shadow:-9px 2px 7px #233a27 inset;content:"";height:43px;left:83px;position:absolute;top:8px;width:25px}#Aquarium .l_plant_2{border-left:12px ridge green;border-radius:40px;height:111px;left:24px;position:absolute;top:83px;width:70px}#Aquarium .l_plant_2:after{transform:rotate(-32deg) skew(-9deg) skewY(32deg);background-color:#7fbf7f;border-radius:40px 40px 8px 80px;box-shadow:5px 3px 7px #233a27 inset;content:"";height:50px;left:-46px;position:absolute;top:19px;width:25px}#Aquarium .l_plant_2:before{transform:rotate(16deg) skew(-9deg) skewY(-32deg);background-color:#1e4e1d;border-radius:40px 40px 80px 8px;box-shadow:-11px 6px 11px #103016 inset;content:"";height:58px;left:14px;position:absolute;top:32px;width:26px}#Aquarium .l_plant_3{border-radius:40px;border-right:12px groove green;height:111px;position:absolute;top:187px;width:62px}#Aquarium .l_plant_3:after{transform:rotate(-32deg) skew(-9deg) skewY(32deg);background-color:#1e4e1d;border-radius:40px 40px 8px 80px;box-shadow:4px 2px 5px #1a2c1d inset;content:"";height:47px;left:30px;position:absolute;top:23px;width:25px}#Aquarium .l_plant_3:before{transform:rotate(16deg) skew(-9deg) skewY(-32deg);background-color:#7fbf7f;border-radius:130px 40px 165px 23px;box-shadow:-9px 2px 7px #233a27 inset;content:"";height:55px;left:82px;position:absolute;top:-5px;width:28px}#Aquarium .bubble_wrap{height:299px;left:7px;position:absolute;top:30px;width:200px}#Aquarium .bubbles{background-color:#ffffff29;border:1px solid #585858;border-radius:100px;height:20px;left:33px;position:absolute;top:260px;width:20px}#Aquarium .b2{left:50px;top:260px;animation-name:bubbles2;animation-delay:1s;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .b3{left:60px;top:260px;animation-name:bubbles3;animation-delay:500s;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .b4{left:80px;top:260px;animation-name:bubbles4;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .b5{left:90px;top:260px;animation-name:bubbles5;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .fish_wrap{height:230px;position:absolute;width:290px;left:200px;top:105px;z-index:100;animation-name:swim;animation-duration:30s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .fred{transform:rotate(-37deg)}#Aquarium .fish_body{transform:skew(30deg) skewY(5deg);background-color:#ff9800;border-radius:200px 112px 47px 62px;box-shadow:6px -12px 15px #3a2104 inset,-2px -3px 4px #281602 inset;height:72px;position:absolute;top:60px;width:92px}#Aquarium .eye{background-color:#fcfcfc;border:1px solid #323232;border-radius:50%;box-shadow:2px 4px 3px #3d270a;height:12px;width:13px;left:40px;position:absolute;top:8px;animation-name:blink;animation-duration:5.7s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .eye:before{background:#070707;border-radius:50%;content:"";height:6px;left:1px;position:absolute;top:2px;width:6px}#Aquarium .scale_1{transform:rotate(35deg);border-radius:60px;border-right:2px solid #432801;height:28px;left:38px;position:absolute;top:8px;width:36px}#Aquarium .scale_2{transform:rotate(35deg);border-radius:60px;border-right:2px solid #432801;height:28px;left:30px;position:absolute;top:27px;width:36px}#Aquarium .scale_3{transform:rotate(35deg);border-radius:60px;border-right:2px solid #432801;height:28px;left:47px;position:absolute;top:19px;width:36px}#Aquarium .scale_4{transform:rotate(35deg);border-radius:60px;border-right:2px solid #432801;box-shadow:-5px -1px 4px #000 inset;height:32px;left:33px;position:absolute;top:29px;width:19px;animation-name:midfin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .top_fin{transform:skew(30deg) skewY(8deg);background-color:#e88b00;border-radius:200px 112px 47px 62px;box-shadow:-7px -8px 9px #000 inset;height:20px;left:54px;position:absolute;top:67px;width:42px}#Aquarium .tail_fin{transform:skew(30deg) skewY(5deg);background-color:#e88b00;border-radius:200px 112px 47px 62px;box-shadow:-15px -7px 9px #060200 inset;height:32px;left:100px;position:absolute;top:106px;width:42px;animation-name:tail;animation-duration:.9s;animation-iteration-count:infinite;animation-timing-function:ease-in}#Aquarium .tail_fin:before{transform:skew(30deg) skewY(5deg);background-color:#e88b00;border-radius:62px 112px 112px 200px;box-shadow:6px 13px 9px #2f1e01 inset,-6px -7px 2px #000 inset;content:"";height:32px;left:-12px;position:absolute;top:28px;width:38px}#Aquarium .b0{animation-name:bubbles0;animation-delay:2s;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .b1{animation-name:bubbles1;animation-duration:7s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .b6{opacity:0;transform:scale(.5);animation-name:tail_bubble1;animation-duration:30s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .b7{opacity:0;transform:scale(.8);animation-name:tail_bubble2;animation-duration:30s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .b8{opacity:0;transform:scale(.5);animation-name:tail_bubble3;animation-duration:30s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .bw2{width:80px;animation-name:tail_bubbles;animation-duration:30s;animation-iteration-count:infinite;animation-timing-function:linear}#Aquarium .fish{position:absolute;left:0px;bottom:233px;animation:fish 40s cubic-bezier(.9,1,.3,.75) 0s infinite normal}#Aquarium .blue-fish{left:0;bottom:247px;animation:fish 25s cubic-bezier(.7,1,.3,.5) 0s infinite normal}#Aquarium .fish-body{position:absolute;width:115px;height:75px;border-radius:50%;background-color:orange;box-shadow:0 -7px 7px inset #00000045;transform:skew(5deg) skewY(-10deg)}#Aquarium .blue-fish .fish-body{background-color:#0098e0}#Aquarium .fish-body:before{content:"";width:15px;height:15px;background-color:#fff;position:absolute;border-radius:50%;right:18px;top:16px}#Aquarium .fish-body:after{content:"";width:7px;height:9px;background-color:#000;position:absolute;border-radius:50%;right:20px;top:18px}#Aquarium .top-fin{position:absolute;left:35px;top:-23px;width:28px;height:50px;border-radius:20% 50%;background-color:orange;box-shadow:2px -11px 7px inset #00000080;transform:rotate(80deg) skew(-23deg)}#Aquarium .blue-fish .top-fin{background-color:#0098e0}#Aquarium .tail-fin{position:absolute;left:-35px;bottom:-89px;width:43px;height:50px;border-radius:40% 50%;background-color:orange;box-shadow:1px -13px 7px inset #00000080;transform:rotate(25deg) skew(-18deg) skewY(-15deg);animation:tail-fin 1s ease 0s infinite normal}#Aquarium .blue-fish .tail-fin{background-color:#0098e0}#Aquarium .tail-fin:before{content:"";z-index:9;position:absolute;left:-16px;bottom:19px;width:40px;height:48px;border-radius:40% 50%;background-color:orange;box-shadow:1px -13px 7px inset #00000080;transform:rotate(85deg)}#Aquarium .blue-fish .tail-fin:before{background-color:#0098e0}#Aquarium .side-fin{position:absolute;left:39px;bottom:-77px;width:33px;height:38px;border-radius:50% 40%;background-color:orange;box-shadow:1px -13px 7px inset #00000080;transform:rotate(25deg) skew(-18deg) skewY(-15deg);animation:side-fin 2s ease 0s infinite normal}#Aquarium .blue-fish .side-fin{background-color:#0098e0}#Aquarium .scale{position:absolute;width:21px;height:24px;border-radius:39%;background-color:orange;box-shadow:3px -3px 5px inset #00000020;transform:rotate(22deg) skew(-3deg) skewY(-10deg)}#Aquarium .blue-fish .scale{background-color:#0098e0}#Aquarium .scale-1{left:20px;bottom:-44px}#Aquarium .scale-2{left:36px;bottom:-32px}#Aquarium .scale-3{left:53px;bottom:-37px}@keyframes side-fin{0%{transform:rotate(15deg) skew(-18deg) skewY(-15deg)}50%{transform:rotate(25deg) skew(-18deg) skewY(-15deg)}to{transform:rotate(15deg) skew(-18deg) skewY(-15deg)}}@keyframes tail-fin{0%{transform:rotate(25deg) skew(-18deg) skewY(-5deg);left:-35px}50%{transform:rotate(25deg) skew(-18deg) skewY(-15deg);left:-33px}to{transform:rotate(25deg) skew(-18deg) skewY(-5deg);left:-35px}}@keyframes fish{0%{transform:translate(0)}10%{transform:translate(20vw,-125px)}20%{transform:translate(40vw,-45px) rotate(22deg)}30%{transform:translate(60vw,-250px)}40%{transform:translate(80vw,-80px) rotate(22deg)}50%{transform:translate(100vw,-145px)}51%{transform:translate(100vw,-145px) rotateY(180deg)}60%{transform:translate(80vw,-80px) rotateY(180deg) rotate(22deg)}70%{transform:translate(60vw,-250px) rotateY(180deg)}80%{transform:translate(40vw,-45px) rotateY(180deg) rotate(22deg)}90%{transform:translate(20vw,-125px) rotateY(180deg)}99%{transform:translate(0) rotateY(180deg) rotate(22deg)}to{transform:translate(0)}}@keyframes swim{0%{left:200px}20%{left:0px;transform:scaleX(1);z-index:90}20.5%{transform:scaleX(-1);z-index:10;left:-30px}21%{left:80px}42%{left:550px}50%{z-index:28;top:130px;left:630px;transform:scaleX(-1)}50.5%{transform:scaleX(1);z-index:100;left:630px;top:160px}51%{left:530px;z-index:150}60%{left:300px;z-index:150}64%{left:200px;z-index:150}66%{left:80px;z-index:150}69%{left:-30px;z-index:150}70%{top:105px;left:-30px;transform:scaleX(1);z-index:90}70.5%{transform:scaleX(-1);z-index:10;left:-30px}71%{left:40px}80%{left:550px}81%{left:550px;top:70px}82%{left:550px;transform:scaleX(-1)}82.5%{transform:scaleX(1);top:70px;left:550px}84%{top:105px;left:500px;z-index:28}88%{top:105px;left:400px;z-index:28}to{left:200px}}@keyframes tail{0%{transform:scale(.8) skewY(2deg)}50%{transform:scale(.7) skewY(20deg)}to{transform:scale(.8) skewY(2deg)}}@keyframes midfin{0%{transform:scale(.8) rotate(15deg)}50%{transform:scale(.6) skewY(30deg) rotate(15deg)}80%{transform:scale(.8) skewY(10deg) rotate(25deg)}to{transform:scale(.8) skewY(10deg) rotate(15deg)}}@keyframes blink{0%{background-color:#fff}49%{background-color:#fff;height:10px;width:10px}50%{background-color:#070707;height:10px;width:10px}52%{background-color:#fff;height:10px;width:10px}to{background-color:#fff}}@keyframes l_plant2{0%{transform:rotate(13deg)}50%{transform:rotate(-4deg)}to{transform:rotate(13deg)}}@keyframes l_plant{0%{transform:rotate(-13deg)}50%{transform:rotate(-5deg)}to{transform:rotate(-13deg)}}@keyframes plant2{0%{transform:rotate(-7deg)}50%{transform:rotate(13deg)}to{transform:rotate(-7deg)}}@keyframes plant3{0%{transform:rotate(-5deg)}50%{transform:rotate(12deg)}to{transform:rotate(-5deg)}}@keyframes plant4{0%{transform:rotate(-10deg)}45%{transform:rotate(-16deg)}50%{transform:rotate(-2deg)}to{transform:rotate(-10deg)}}@keyframes plant5{0%{transform:rotate(5deg)}45%{transform:rotate(8deg)}50%{transform:rotate(20deg)}to{transform:rotate(5deg)}}@keyframes bubbles0{0%{top:260px;left:33px}50%{left:39px}to{top:0px;left:33px}}@keyframes bubbles1{0%{top:260px}to{top:0px}}@keyframes bubbles2{0%{top:260px}to{top:0px}}@keyframes bubbles3{0%{top:260px;left:60px}25%{left:30px}50%{left:58px}75%{left:37px}to{top:0px;left:60px}}@keyframes bubbles4{0%{top:260px}to{top:0px}}@keyframes bubbles5{0%{top:260px}to{top:0px}}@keyframes tail_bubbles{0%{left:30px}48%{left:30px}50.5%{left:760px}65%{left:760px}70.5%{left:30px}78%{left:30px}82.5%{left:720px}92%{left:720px}to{left:30px}}@keyframes tail_bubble1{0%{left:30px;top:205px}20.5%{opacity:0}21%{left:30px;top:205px;opacity:1}26%{opacity:1;left:60px;top:105px}26.3%{opacity:0}40%{left:60px;top:205px}50%{opacity:0}50.5%{opacity:1;left:60px;top:205px}54.3%{opacity:0}55%{left:60px;top:105px}65%{left:60px}70%{opacity:0}70.5%{opacity:1;left:30px;top:210px}73.3%{opacity:0}73%{left:30px;top:105px}78%{left:30px}82.3%{opacity:0}82.5%{opacity:1;left:20px;top:150px}86.3%{opacity:0}87%{left:20px;top:30px}92%{left:20px}to{left:30px}}@keyframes tail_bubble2{0%{left:30px;top:205px}20.5%{opacity:0}21%{opacity:1;left:30px;top:205px}25.5%{opacity:0}26%{left:-30px;top:105px}40%{left:30px;top:205px}49.5%{opacity:0}50%{opacity:1;left:30px;top:205px}53%{left:70px;top:80px}54.3%{opacity:0}65%{left:30px}69.5%{opacity:0}70.5%{opacity:1;left:30px;top:210px}73%{left:70px;top:55px}73.5%{opacity:0}78%{left:30px}82%{opacity:0}82.5%{opacity:1;left:50px;top:150px}86.3%{opacity:0}87%{left:-20px;top:30px}92%{left:20px}to{left:30px}}@keyframes tail_bubble3{0%{left:50px;top:205px}20.5%{opacity:0}21%{opacity:1;left:30px;top:205px}25.5%{opacity:0}26%{left:30px;top:105px}40%{left:30px;top:205px}49.5%{opacity:0}50.5%{opacity:1;left:50px;top:205px}53%{left:40px;top:80px}54.3%{opacity:0}65%{left:40px}69.5%{opacity:0}70.5%{opacity:1;left:40px;top:210px}73%{left:-20px;top:55px}73.5%{opacity:0}78%{left:40px}82%{opacity:0}82.5%{opacity:1;left:20px;top:150px}86.3%{opacity:0}87%{left:60px;top:30px}92%{left:30px}to{left:30px}}.desk-container{position:absolute;bottom:0;right:50px;transform:scale(.9);z-index:1000}.desk-container .desk{width:680px;height:30px;background:#77756a;margin-right:auto;margin-left:auto;border-top:10px solid #5b574e;position:relative;bottom:0;margin-top:-180px}.desk-container .desk:before{width:18px;height:150px;background:#5b574e;content:"";position:absolute;top:20px;left:40px}.desk-container .desk:after{width:18px;height:150px;background:#5b574e;content:"";position:absolute;top:20px;right:40px}.desk-container .slide{width:150px;height:140px;background:#a68b60;position:absolute;bottom:-150px;left:80px;box-shadow:0 60px #a68b60 inset,0 65px #83653c inset}.desk-container .slide:before{content:"";width:7px;height:8px;background:#57524f;border-radius:50%;position:absolute;top:5px;right:5px}.desk-container .slide-one{width:45px;height:8px;background:#5b574e;margin-right:auto;margin-left:auto;margin-top:27px;position:relative}.desk-container .slide-one:after{content:"";width:12px;height:12px;background:#5b574e;border-radius:50%;right:-9px;position:absolute;top:-2px}.desk-container .slide-one:before{content:"";width:12px;height:12px;background:#5b574e;border-radius:50%;left:-9px;position:absolute;top:-2px}.desk-container .slide-two{width:45px;height:8px;background:#5b574e;margin-right:auto;margin-left:auto;margin-top:57px;position:relative}.desk-container .slide-two:after{content:"";width:12px;height:12px;background:#5b574e;border-radius:50%;right:-9px;position:absolute;top:-2px}.desk-container .slide-two:before{content:"";width:12px;height:12px;background:#5b574e;border-radius:50%;left:-9px;position:absolute;top:-2px}.desk-container .magazines{width:66px;height:92px;background:#383838;position:relative;top:-102px;margin-left:57px;border:aliceblue}.desk-container .magazines:after{content:"";border-radius:50%;width:40px;height:40px;display:inline-block;background:rgb(236,236,236);margin-left:6px;border:8px solid rgb(90,90,90);margin-top:30px}.desk-container .magazines:before{width:19px;height:19px;background:#5a5a5a;content:"";display:inline-block;border-radius:50%;position:absolute;top:48px;left:24px}.desk-container .flower{position:absolute;top:-122px;left:160px}.desk-container .bud{width:23px;height:48px;background:#ee4c55;border-radius:20px;position:relative;right:-2px;top:2px}.desk-container .bud:after{background:#ee4c55;border-radius:20px;width:48px;height:23px;content:"";display:inline-block;margin-top:13px;margin-left:-12px}.desk-container .bud-inside{width:23px;height:48px;background:#c13c42;border-radius:20px;position:absolute;transform:scale(.55) rotate(45deg);-webkit-transform:scale(.55) rotate(45deg);-moz-transform:scale(.55) rotate(45deg)}.desk-container .bud-inside:after{background:#c13c42;border-radius:20px;width:48px;height:23px;content:"";display:inline-block;margin-top:13px;margin-left:-12px}.desk-container .bud-inside:before{background:#fcb739;width:18px;height:19px;border-radius:50%;content:"";display:inline-block;position:absolute;top:15px;right:2px}.desk-container .stem{width:4px;height:35px;background:#80af4c;margin-left:12px}.desk-container .leaf-row-one{background:#82b351;width:15px;height:5px;transform:rotate(10deg);-webkit-transform:rotate(-20deg);-moz-transform:rotate(10deg);border-radius:50%;margin-top:8px;position:absolute;margin-left:2px}.desk-container .leaf-row-one:after{content:"";display:inline-block;background:#82b351;width:15px;height:5px;border-radius:50%;margin-top:10px;position:absolute;margin-left:-4px}.desk-container .leaf-row-two{background:#82b351;width:15px;height:5px;transform:rotate(10deg);-webkit-transform:rotate(20deg);-moz-transform:rotate(10deg);border-radius:50%;margin-top:7px;position:absolute;margin-left:-13px}.desk-container .leaf-row-two:after{content:"";display:inline-block;background:#82b351;width:15px;height:5px;border-radius:50%;margin-top:10px;position:absolute;margin-left:3px}.desk-container .pot{border-top:31px solid #4c4942;border-left:4px solid transparent;border-right:4px solid transparent;height:0;width:29px;position:relative}.desk-container .pot:after{position:absolute;top:-36px;background:#777369;width:36px;height:5px;content:"";left:-6px}.desk-container .chair{background:#F06363;width:130px;height:65px;border-radius:20px;position:absolute;bottom:-90px;left:340px;z-index:2}.desk-container .chair:before{width:50px;background:#F06363;height:20px;content:"";display:inline-block;margin-left:40px;box-shadow:0 5px #0000004d,0 9px #f06363,0 13px #0000004d,0 17px #f06363,0 21px #0000004d}.desk-container .chair:after{content:"";display:inline-block;border-bottom:85px solid #a74545;border-left:5px solid transparent;border-right:5px solid transparent;height:0;width:33px;position:absolute;bottom:-60px;left:46px}.desk-container .imac{width:250px;position:absolute;top:-210px;left:230px}.desk-container .black-side{width:250px;height:140px;border-radius:8px 8px 0 0;border:10px solid #212528;background:#f8f8f8;display:flex;align-items:center;justify-content:center}.desk-container .black-side .goodbyeMsg{content:"Thank you for visiting, have a nice day";font-size:var(--flg);padding:10px;font-weight:700;color:#000}.desk-container .butt{width:250px;border-radius:0 0 8px 8px;height:35px;background:#8c8c8c}.desk-container .holder{border-bottom:25px solid #b8b8b8;border-left:5px solid transparent;border-right:5px solid transparent;height:0;width:80px;margin:0 auto}.desk-container .note{background:#f8e13b;width:45px;height:40px;transform:rotate(10deg);margin-top:-52px;margin-left:27px;border-bottom:5px solid #e9d01b}.desk-container .chair-holder{width:150px;height:14px;background:#F06363;position:absolute;z-index:1;left:330px;border-radius:30px 30px 0 0;bottom:-150px}.desk-container .kettle .top{border-top:29px solid #E2E2E2;border-left:10px solid transparent;border-right:10px solid transparent;height:0;width:47px;position:absolute;top:-34px;left:2px}.desk-container .kettle .top:before{content:"";display:inline-block;width:0px;height:0px;border-style:solid;border-width:0 11px 13px 0;border-color:transparent #CECECE transparent transparent;transform:rotate(-19deg);position:absolute;top:-20px;left:-15px}.desk-container .kettle .top:after{border-bottom:6px solid #E2E2E2;border-left:20px solid transparent;border-right:20px solid transparent;height:0;width:9px;content:"";position:absolute;top:-33px;left:-11px}.desk-container .kettle .bottom{border-bottom:29px solid #dadada;border-left:10px solid transparent;border-right:10px solid transparent;height:0;width:51px}.desk-container .kettle .bottom:before{background:#5e5a5b;width:21px;content:"";display:inline-block;position:absolute;height:6px;top:-6px;left:15px}.desk-container .kettle .bottom:after{height:28px;width:10px;background:#e4e4e4;display:inline-block;margin:0 auto;content:"";left:20px;position:absolute}.desk-container .kettle{position:absolute;top:-38px;left:520px}.desk-container .other-stuff{background:#4d3933;border-radius:3px 3px 0 0;height:5px;width:6px;position:absolute;top:-43px;left:22px}.desk-container .kettle .handle{position:absolute;border-bottom:7px solid #6f5a56;border-right:0px solid transparent;border-left:3px solid transparent;height:0;width:12px;top:-33px;left:46px}.desk-container .kettle .handle:before{content:"";height:25px;display:inline-block;background:#6f5a56;width:5px;transform:rotate(29deg);position:absolute;right:-3px;top:10px}.desk-container .kettle .handle:after{content:"";height:15px;display:inline-block;background:#6f5a56;width:6px;transform:rotate(-35deg);position:absolute;right:-5px;top:1px}.desk-container .cup{width:27px;height:18px;border:3px solid #cecece;border-radius:0 0 100% 100%;top:-31px;position:absolute;left:480px;box-shadow:0 6px #f8f8f8 inset,0 14px #4f3c37 inset}.desk-container .cup:after{width:5px;height:4px;content:"";display:inline-block;position:absolute;background:transparent;border-radius:0 50% 50% 0;right:-9px;border:3px solid #cecece;border-left:none}.desk-container .cup:before{content:"";display:inline-block;background:#cecece;width:27px;height:3px;position:absolute;bottom:-6px;border-radius:4px;left:-2px}.desk-container .board{border:7px solid #33454f;border-radius:2px;height:150px;width:250px;position:absolute;top:-290px;color:#ff8080;background:white;right:-150px;box-sizing:border-box;font-family:Architects Daughter,cursive;padding:10px 20px}.desk-container .board:after{content:"";background:#f8e13b;width:40px;height:34px;transform:rotate(8deg);border-bottom:3px solid #e9d01b;display:inline-block;position:absolute;bottom:-26px;left:14px}.desk-container .board:before{content:"";background:#f8e13b;width:40px;height:34px;transform:rotate(-5deg);border-bottom:3px solid #e9d01b;display:inline-block;position:absolute;bottom:-26px;left:80px}.desk-container .board ul{margin-top:10px}.desk-container .board ul li{list-style:none}.desk-container .board ul li:before{content:"-";margin-right:5px}.desk-container .longer{width:700px;height:11px;background:#212528;position:absolute;top:-11px;left:-10px;z-index:99999}.desk-container .window{width:205px;height:225px;background:#ebf6fa;border:10px solid white;display:inline-block;position:relative;bottom:464px;left:-120px}.desk-container .window:after{background:white;height:240px;width:14px;position:absolute;top:0;content:"";left:120px}.desk-container .window:before{background:white;height:240px;width:14px;position:absolute;top:0;content:"";left:50px}.desk-container .row{width:185px;height:14px;background:white;position:absolute;top:60px;left:0px}.desk-container .row:after{content:"";display:inline-block;width:185px;height:14px;background:white;position:absolute;top:71px;left:0px}.desk-container .clock{position:relative!important;height:200px;width:200px;background:white;box-sizing:border-box;border-radius:100%;border:10px solid #535555;position:absolute;top:-410px;left:-340px;right:0;bottom:0;margin:auto;transform:scale(.5)}.desk-container .clock .top{position:absolute;width:3px;height:8px;background:#262626;left:0;right:0;margin:0 auto}.desk-container .clock .right{position:absolute;width:8px;height:3px;background:#262626;top:0;bottom:0;right:0;margin:auto 0}.desk-container .clock .bottom{position:absolute;width:3px;height:8px;background:#262626;left:0;right:0;bottom:0;margin:0 auto}.desk-container .clock .left{position:absolute;width:8px;height:3px;background:#262626;top:0;bottom:0;left:0;margin:auto 0}.desk-container .clock .center{height:6px;width:6px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:#262626;border-radius:100%}.desk-container .clock .hour{width:3px;height:100%;position:absolute;left:0;right:0;margin:0 auto;animation:time 86400s infinite linear;-webkit-animation:time 86400s infinite linear}.desk-container .clock .hour:before{position:absolute;content:"";background:#262626;height:60px;width:3px;top:30px}.desk-container .clock .minute{width:1px;height:100%;position:absolute;left:0;right:0;margin:0 auto;animation:time 3600s infinite linear;-webkit-animation:time 3600s infinite linear}.desk-container .clock .minute:before{position:absolute;content:"";background:#262626;height:40px;width:1px;top:50px}.desk-container .clock .second{width:2px;height:100%;position:absolute;left:0;right:0;margin:0 auto;animation:time 60s infinite linear;-webkit-animation:time 60s infinite linear}.desk-container .clock .second:before{position:absolute;content:"";background:#fd1111;height:45px;width:2px;top:45px}@keyframes time{to{transform:rotate(360deg)}}.vapour{position:relative;display:flex;z-index:1;justify-content:center}.vapour span{position:relative;bottom:0px;display:block;min-width:3px;height:25px;background:#fff;border-radius:50%;animation:animate 5s linear infinite;opacity:0;filter:blur(10px);animation-delay:calc(var(--v) * -.5s)}@keyframes animate{0%{transform:translateY(0) scaleX(1);opacity:0}15%{opacity:1}50%{transform:translateY(-150px) scaleX(5)}95%{opacity:0}to{transform:translateY(-300px) scaleX(10)}}:root{--main-bg-color: #fff;--main-text-color: #888888}[data-theme=dark]{--main-bg-color: #1e1f26;--main-text-color: #ccc}.clock{height:100px;width:100px;position:absolute;top:30px;right:200px;min-height:100px;min-width:100px;display:flex;justify-content:center;align-items:center;background-color:var(--main-bg-color);background-image:url(https://imvpn22.github.io/analog-clock/clock.png);background-position:center center;background-size:cover;border-radius:50%;border:4px solid var(--main-bg-color);box-shadow:0 -15px 15px #ffffff0d,inset 0 -15px 15px #ffffff0d,0 15px 15px #0000004d,inset 0 15px 15px #0000004d;transition:all ease .2s}.clock:before{content:"";height:10px;width:10px;background-color:var(--main-text-color);border:2px solid var(--main-bg-color);position:absolute;border-radius:50%;z-index:1000;transition:all ease .2s}.clock .hour,.clock .min,.clock .sec{position:absolute;display:flex;justify-content:center;border-radius:50%}.clock .hour{height:50px;width:50px}.clock .hour:before{content:"";position:absolute;height:50%;width:6px;background-color:var(--main-text-color);border-radius:6px}.clock .min{height:80px;width:80px}.clock .min:before{content:"";height:50%;width:4px;background-color:var(--main-text-color);border-radius:4px}.clock .sec{height:85px;width:85px}.clock .sec:before{content:"";height:60%;width:2px;background-color:red;border-radius:2px}@keyframes tail{6.6666666667%{transform:rotate(0)}10%{transform:rotate(10deg)}16.6666666667%{transform:rotate(-5deg)}20%{transform:rotate(30deg)}26.6666666667%{transform:rotate(-2deg)}46.6666666667%{transform:rotate(10deg)}53.3333333333%{transform:rotate(-5deg)}56.6666666667%{transform:rotate(10deg)}}@keyframes body{6.6666666667%{transform:scaleY(1)}10%{transform:scaleY(1.15)}16.6666666667%{transform:scaleY(1)}20%{transform:scaleY(1.25)}26.6666666667%{transform:scaleY(1)}46.6666666667%{transform:scaleY(1.15)}53.3333333333%{transform:scaleY(1)}56.6666666667%{transform:scaleY(1.15)}}@keyframes left-whisker{6.6666666667%{transform:rotate(0)}10%{transform:rotate(0)}16.6666666667%{transform:rotate(-5deg)}20%{transform:rotate(0)}26.6666666667%{transform:rotate(0)}46.6666666667%{transform:rotate(10deg)}53.3333333333%{transform:rotate(-5deg)}56.6666666667%{transform:rotate(10deg)}}@keyframes right-whisker{6.6666666667%{transform:rotate(180deg)}10%{transform:rotate(190deg)}16.6666666667%{transform:rotate(180deg)}20%{transform:rotate(175deg)}26.6666666667%{transform:rotate(190deg)}46.6666666667%{transform:rotate(180deg)}53.3333333333%{transform:rotate(185deg)}56.6666666667%{transform:rotate(175deg)}}@keyframes left-ear{0%{transform:rotate(-20deg)}6.6666666667%{transform:rotate(-6deg)}13.3333333333%{transform:rotate(-15deg)}26.6666666667%{transform:rotate(-15deg)}33.3333333333%{transform:rotate(-30deg)}40%{transform:rotate(-30deg)}46.6666666667%{transform:rotate(0)}53.3333333333%{transform:rotate(0)}60%{transform:rotate(-15deg)}80%{transform:rotate(-15deg)}93.3333333333%{transform:rotate(-6deg)}to{transform:rotate(-6deg)}}@keyframes right-ear{0%{transform:rotate(-16deg)}6.6666666667%{transform:rotate(-16deg)}13.3333333333%{transform:rotate(-19deg)}26.6666666667%{transform:rotate(-19deg)}33.3333333333%{transform:rotate(-30deg)}36.6666666667%{transform:rotate(-19deg)}37.3333333333%{transform:rotate(-30deg)}38%{transform:rotate(-19deg)}40%{transform:rotate(-19deg)}40.6666666667%{transform:rotate(-30deg)}41.3333333333%{transform:rotate(-19deg)}46.6666666667%{transform:rotate(-9deg)}53.3333333333%{transform:rotate(-9deg)}60%{transform:rotate(-19deg)}60.6666666667%{transform:rotate(-30deg)}61.3333333333%{transform:rotate(-19deg)}62.6666666667%{transform:rotate(-19deg)}63.3333333333%{transform:rotate(-30deg)}64%{transform:rotate(-19deg)}80%{transform:rotate(-19deg)}93.3333333333%{transform:rotate(-16deg)}to{transform:rotate(-16deg)}}.cat{width:110px;z-index:1;height:50px;position:absolute;border-top-left-radius:100px;border-top-right-radius:100px;bottom:170px;right:-35px;transform:scale(.7)}.cat .face{top:50px;left:-10px}.cat .body{width:110px;height:50px;background-color:#745260;position:absolute;border-top-left-radius:100px;border-top-right-radius:100px;animation:body 12s none infinite}.cat .head{content:"";width:70px;height:35px;background-color:#745260;position:absolute;top:calc(50% - 10px);left:-40px;border-top-left-radius:80px;border-top-right-radius:80px}.cat .tail-container{position:absolute;right:0;bottom:-13px;z-index:3}.cat .tail{position:absolute;height:30px;width:14px;bottom:-10px;right:0;border-bottom-right-radius:5px;background:#745260;z-index:0}.cat .tail>.tail{animation:tail 12s none infinite;height:100%;width:14px;transform-origin:left;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-right-radius:40px}.cat .ear{position:absolute;left:4px;top:-4px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:20px solid #745260;transform:rotate(-30deg);animation:left-ear 12s both infinite}.cat .ear+.ear{animation:right-ear 12s both infinite;top:-12px;left:30px}.cat .nose{position:absolute;bottom:10px;left:-10px;background-color:#fd6e72;height:5px;width:5px;border-radius:50%}.cat .whisker-container{position:absolute;bottom:5px;left:-36px;width:20px;height:10px;transform-origin:right;animation:left-whisker 12s both infinite}.cat .whisker-container:nth-child(2){left:-20px;bottom:12px;transform-origin:right;transform:rotate(180deg);animation:right-whisker 12s both infinite}.cat .whisker{position:absolute;top:0;width:100%;border:1px solid #fdf9de;transform-origin:100% 0;transform:rotate(10deg)}.cat .whisker:last-child{top:0;transform:rotate(-20deg)}.roundedText{cursor:pointer;line-height:1;font-size:16px;font-weight:400;text-transform:uppercase;width:150px;height:150px}.roundedText a{width:150px;height:150px;display:flex;align-items:center;justify-content:flex-end}.roundedText .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:25px;pointer-events:none}.roundedText .title{height:150px;width:150px;transform-origin:center center;transform-box:fill-box;transition:.5s linear;transition-delay:0s;opacity:.7;transform:rotate(calc(var(--angle) * 1deg))}.roundedText.instagram,.roundedText.github,.roundedText.linkedin,.roundedText.discord{--angle: 45}.roundedText span.letter{height:150px;left:75px;width:0;position:absolute;transform-origin:center center;display:flex;justify-content:center}#Contact{border-bottom-left-radius:100px;border-bottom-right-radius:100px;padding-bottom:100px}#Contact .left{width:550px;display:flex;align-items:center}#Contact .right{width:calc(100% - 550px);min-width:550px;max-width:100%}#Contact .submitContactBtn{background-color:var(--themeGreen);color:var(--theme);font-weight:600}.stepText{cursor:pointer}.stepText i{font-size:35px}.stepText .second-screen__sliding-text{position:absolute;top:0;left:0}.stepText .sliding-text--second-screen{opacity:0;visibility:hidden;z-index:2}.stepText .sliding-text--second-screen.active{visibility:visible;opacity:1}.stepText .sliding-text--second-screen .sliding-text__line:first-child{left:4px}.stepText .sliding-text--second-screen .sliding-text__line:nth-child(odd){transform:skew(60deg,-30deg) scaleY(.66667)}.stepText .sliding-text--second-screen .sliding-text__line{font-size:var(--f3xl);height:45px;font-weight:700;overflow:hidden;position:relative;text-transform:uppercase;letter-spacing:0px}.stepText .sliding-text--second-screen .sliding-text__line span{display:flex;height:50px;align-items:center;line-height:100%;transition:all .4s ease-in-out;transform:translateZ(0);vertical-align:top;white-space:nowrap}.stepText .sliding-text--second-screen .sliding-text__line:nth-child(2){left:37px}.stepText .sliding-text--second-screen .sliding-text__line:nth-child(2n){transform:skew(0,-30deg) scaleY(1.33333)}.stepText .sliding-text--second-screen .sliding-text__line:nth-child(3){left:65px}.stepText .sliding-text--second-screen.slided span,.stepText .sliding-text--second-screen:hover span{transform:translate3d(0,-50px,0)}#Contact .ending{font-size:var(--flg)}form .heading{font-size:var(--fxl)}form input,form textarea{height:45px;width:300px;outline:none;padding-left:15px;color:#fff;background:transparent}form input::-moz-placeholder,form textarea::-moz-placeholder{opacity:.2}form input::placeholder,form textarea::placeholder{opacity:.2}form textarea{resize:none;height:100px;margin-top:10px;width:100%;border:1px solid #D1D4DA;border-radius:4px;padding-top:10px}form svg{overflow:visible}form .inpBg{display:flex;gap:30px}.cbx{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;padding:6px 8px;border-radius:6px;overflow:hidden;transition:all .2s ease;width:100%;margin-bottom:4px;display:inline-block}.cbx:not(:last-child){margin-right:6px}.cbx:hover{background:rgba(0,119,255,.06)}.cbx:hover span:first-child{border-color:var(--themeGreen)}.cbx span{float:left;vertical-align:middle;transform:translateZ(0)}.cbx span:first-child{position:relative;width:18px;height:18px;border-radius:4px;transform:scale(1);border:1px solid #cccfdb;transition:all .2s ease;box-shadow:0 1px 1px #00104b0d}.cbx span:first-child svg{position:absolute;top:3px;left:2px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translateZ(0)}.cbx span:last-child{padding-left:8px;line-height:18px}.inp-cbx{position:absolute;visibility:hidden}.inp-cbx:checked+.cbx span:first-child{background:var(--themeGreen);border-color:var(--themeGreen)}.inp-cbx:checked+.cbx span:first-child svg{stroke-dashoffset:0}.inline-svg{position:absolute;width:0;height:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reasons .title{opacity:.5}.projectsHeader img{width:600px}.projectNameHeading{position:absolute;bottom:-30px;font-size:190px;font-family:var(--thunder);text-transform:uppercase;mix-blend-mode:overlay;left:30px;z-index:3}.block{background-color:var(--theme);position:absolute;z-index:2}.leftBlock{left:-100px;bottom:0;height:120%;width:100px;transform:rotate(calc(var(--angle) * 1deg));transform-origin:left bottom}.rightBlock{right:-100px;top:0;height:120%;width:100px;transform:rotate(calc(var(--angle) * 1deg));transform-origin:right top}.topBlock{width:120%;left:0;height:100px;top:-100px;transform:rotate(calc(var(--angle) * 1deg));transform-origin:left top}.bottomBlock{width:120%;right:0;height:100px;bottom:-100px;transform:rotate(calc(var(--angle) * 1deg));transform-origin:right bottom}#projectDesc{margin-top:30px;padding:190px 200px 200px;background-color:#fff;color:var(--theme);display:grid;grid-template-columns:30% 70%;row-gap:50px;-moz-column-gap:15px;column-gap:15px}#projectDesc .colorPalate{display:flex;gap:30px}#projectDesc .colorPalate>div{display:flex;gap:5px;max-width:140px;text-align:center;flex-flow:column;align-items:center}#projectDesc .colorsBg{display:grid;grid-template-columns:30px 30px 30px 30px}#projectDesc .color{width:60px;height:60px;border-radius:50%}#projectDesc .color.color1{background-color:var(--theme)}#projectDesc .color.color2{background-color:var(--themeGreen)}#projectDesc .color.color3{background-color:var(--themeOrange)}#projectDesc .color.color5{background-color:var(--project2)}#projectDesc .color.color6{background-color:var(--themePurple);background-color:#713efd}#projectDesc .color.color7{background-color:#6495ed}#projectDesc .color.color4{background-color:var(--about);border:1px solid var(--project2)}#projectDesc ul li{list-style:circle;margin-top:16px;line-height:1.7}#projectDesc ul li p{margin-bottom:10px}.floatedImages img{width:400px}.floatedDivs>div{width:400px}.floatedDivs>div p:not(:first-child){opacity:.8;font-weight:300;font-size:14px;margin:6px 0}.floatedDivs img{margin:10px 0}.projectHeading{font-family:var(--thunder);font-size:60px;font-weight:700;top:60px;position:absolute;left:50%;transform:translate(-50%);margin-bottom:40px}.projectHeading2{list-style:decimal;display:list-item;font-size:25px;font-weight:700}.dot{position:absolute;right:0;bottom:0;width:.5rem;height:.5rem;animation:dot 1.2s ease-in-out infinite}.dot .dotInner{width:100%;height:100%;border-radius:50%;background-color:#fff;animation:dotInner 1.2s linear infinite;transform-origin:bottom}@keyframes dot{50%{bottom:80%}to{bottom:0}}@keyframes dotInner{0%{transform:scaleY(.4)}25%,75%{transform:scaleY(1)}to{transform:scaleY(.4)}}.transition1{z-index:10000000000}.transition1 .dot .dotInner{background-color:var(--theme)}.transition1 .page1,.transition1 .page2,.transition1 .page3{width:100vw;position:fixed;height:100vh;inset:0;transform:translateY(calc(100vh + 5px));z-index:300}.transition1 .page1{background-color:#713efd}.transition1 .page1.active{transition:.6s;transform:translateY(0)}.transition1 .page3{display:flex;flex-flow:column}.transition1 .page3 .row{background-color:#afe8fc}.transition1 .page3.active{transition:.4s;transform:translateY(0)}.transition1 .page3.active2 .row{transition:.6s;transform:translate(100%)}.transition1 .page3.active2 .row2{transition-delay:.15s}.transition1 .page3.active2 .row3{transition-delay:.3s}.transition1 .page3.active2 .row4{transition-delay:.45s}.transition1 .page3.active2 .row5{transition-delay:.6s}.transition1 .page3 .row{height:20vh;display:flex;align-items:center;justify-content:center;line-height:1;font-size:20px}.transition1 .pageTransitionTxt{color:var(--theme);display:flex;align-items:center;justify-content:center;font-weight:700;gap:5px}.transition1 .loadingText{font-size:30px;font-weight:900;padding-right:.8rem;line-height:.7;color:var(--theme)}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0px;right:0px;bottom:0px;left:0px}.bottom-2{bottom:.5rem}.right-6{right:1.5rem}.bottom-0{bottom:0px}.left-0{left:0px}.-top-80{top:-20rem}.left-1\/3{left:33.333333%}.left-1\/4{left:25%}.top-0{top:0px}.left-1\/2{left:50%}.top-60{top:15rem}.left-20{left:5rem}.top-3{top:.75rem}.right-5{right:1.25rem}.top-44{top:11rem}.bottom-4{bottom:1rem}.-left-20{left:-5rem}.top-8{top:2rem}.left-10{left:2.5rem}.top-1\/2{top:50%}.bottom-14{bottom:3.5rem}.z-10{z-index:10}.-z-10{z-index:-10}.mx-auto{margin-left:auto;margin-right:auto}.mt-3{margin-top:.75rem}.mb-3{margin-bottom:.75rem}.mr-16{margin-right:4rem}.mt-40{margin-top:10rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mb-7{margin-bottom:1.75rem}.mt-16{margin-top:4rem}.-mb-1{margin-bottom:-.25rem}.ml-6{margin-left:1.5rem}.mt-6{margin-top:1.5rem}.\!block{display:block!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-screen{height:100vh}.h-full{height:100%}.h-6{height:1.5rem}.h-12{height:3rem}.min-h-screen{min-height:100vh}.w-56{width:14rem}.w-80{width:20rem}.w-1\/2{width:50%}.w-20{width:5rem}.w-28{width:7rem}.w-6{width:1.5rem}.w-16{width:4rem}.w-36{width:9rem}.w-full{width:100%}.w-4\/5{width:80%}.w-8{width:2rem}.w-10{width:2.5rem}.\!w-20{width:5rem!important}.w-12{width:3rem}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-8{gap:2rem}.gap-y-2{row-gap:.5rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-8{row-gap:2rem}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-l{border-left-width:1px}.border-solid{border-style:solid}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-40{padding-bottom:10rem}.pt-7{padding-top:1.75rem}.pl-24{padding-left:6rem}.pr-10{padding-right:2.5rem}.\!pt-10{padding-top:2.5rem!important}.pt-16{padding-top:4rem}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.text-5xl{font-size:3rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-black{font-weight:900}.capitalize{text-transform:capitalize}.tracking-wide{letter-spacing:.025em}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:thunder;src:url(./Thunder-BoldLC.2a8adb83.ttf)}@font-face{font-family:pixel;src:url(./Pixeboy.7a8ebc67.ttf)}@font-face{font-family:signika;src:url(./Signika-Bold.1d720b66.ttf);font-weight:700}@font-face{font-family:signika;src:url(./Signika-Regular.4c189526.ttf);font-weight:400}@font-face{font-family:signika;src:url(./Signika-Medium.a336de66.ttf);font-weight:500}@font-face{font-family:signika;src:url(./Signika-Light.717aea72.ttf);font-weight:300}@font-face{font-family:signika;src:url(./Signika-SemiBold.5eb1c8ee.ttf);font-weight:600}:root{--theme: #091922;--themeGreen: #1DBD9C;--themeDark: #181818;--themeOrange: #FD7246;--themePurple: #9177AB;--project1: var(--themePurple);--project2: #005461;--project3: #6495ED;--project4: var(--themeGreen);--project5: #AFDDD5;--themeLight: rgba(255, 255, 255, .65);--thunder: "thunder", Arial, Helvetica, sans-serif;--pixel: "pixel", Arial, Helvetica, sans-serif;--signika: "signika", "Segoe UI", "Inter", Tahoma, Geneva, Verdana, sans-serif;--navbarHeight: 64px;--px: 30px;--f3xl: 50px;--f2xl: 30px;--fxl: 25px;--flg: 20px;--fsm: 14px;--fm: 18px;--fh: 80px;--wp1: 400px;--hp1: 250px;--wp2: 300px;--hp2: 400px;--heading2: 150px;--sh: calc(100vh - var(--navbarHeight));--about: #eaffee;font-family:var(--signika);font-size:16px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;position:relative;vertical-align:middle}html{scroll-behavior:smooth;scroll-padding-top:var(--navbarHeight)}body{padding:0;margin:0;overflow-x:hidden!important;background:linear-gradient(to bottom,var(--theme) 0%,black 100%);color:var(--about)}::-webkit-scrollbar{background-color:var(--theme);width:5px}::-webkit-scrollbar-thumb{background-color:var(--project3);border-radius:5px}section{background-color:var(--theme);z-index:1}.no-cursor{pointer-events:none}.no-cursor1{pointer-events:none;filter:brightness(.4)}.min-sh{min-height:var(--sh)}.mainContainer{margin-left:auto;margin-right:auto;max-width:1600px}.px-base{padding-left:var(--px);padding-right:var(--px)}.thunder{font-family:var(--thunder)}.text-themeGreen{color:var(--themeGreen)}.bg-themeGreen{background-color:var(--themeGreen)}.bg-about{background-color:var(--about)}.text-theme{color:var(--theme)}.pixel{font-family:var(--pixel)}.flex1{display:flex;align-items:center;justify-content:center}.center1{top:50%;left:50%;transform:translate(-50%,-50%)}.skeleton{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:#f0f3f5}to{background-color:#8cbde3}}.cursorFollower{width:10px;height:10px;background:var(--themeGreen);mix-blend-mode:difference;pointer-events:none;z-index:10000;border-radius:50%;top:0;left:0;position:fixed}
