@import url(https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Sofia&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Protest+Revolution&display=swap);*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.icon{color:#fff}ul .navitem{color:#949494;font-size:1.4rem}ion-icon{height:30px;margin-top:10px;width:30px}.logotxt{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#03eb7f,#01c298);-webkit-background-clip:text;font-family:Sofia,cursive;font-weight:1000}.active,.logotxt{color:#fff}ul .navitem{padding:0 7px;position:relative}ul .navitem:after{background-color:#00ff80;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:.7s;width:0}ul .navitem:hover:after{width:100%}.container{height:auto;margin-bottom:30px;width:100%}.mainh1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f09,#03eb7f,#01c298,#0f1);-webkit-background-clip:text;font-family:Chakra Petch,sans-serif;font-size:3.7rem;font-weight:900}.mainh1,h2{display:flex;justify-content:center}h2{color:#fff;font-size:1.3rem;margin-top:10px}.second{display:flex;height:auto;justify-content:space-around;width:100%}.socialcnt{display:flex;height:200px;position:relative;top:200px;width:200px}.socialcnt li{list-style:none;margin:0 16px}.socialcnt li a{text-decoration:none}.socialcnt li a ion-icon{color:#fff;height:33px;width:33px}.cube{animation:animate 4s linear infinite;height:200px;left:8%;position:relative;transform:rotateX(-30deg);transform-style:preserve-3d;width:200px}@keyframes animate{0%{transform:rotateX(-30deg) rotateY(0deg)}to{transform:rotateX(-30deg) rotateY(1turn)}}.cube div{transform-style:preserve-3d}.cube div,.cube div span{height:100%;left:0;top:0;width:100%}.cube div span{background:linear-gradient(#151515,#00ce00);position:absolute;transform:rotateY(calc(90deg*var(--i))) translateZ(100px)}.top{background:#222;transform:rotateX(90deg) translateZ(100px)}.top,.top:before{height:200px;left:0;position:absolute;top:0;width:200px}.top:before{background:#0f0;box-shadow:0 0 120px #0f03,0 0 200px #0f06,0 0 300px #0f09,0 0 400px #0f0c,0 0 500px #0f0;content:"";filter:blur(15px);transform:translateZ(-260px)}@media screen and (max-width:500px){.mainh1{font-size:1.5rem;line-height:50px;margin:7px}.socialcnt{justify-content:center;position:relative;top:50px;width:100%}}@media screen and (max-width:1000px){.mainh1{display:flex;font-size:2rem;justify-content:center}.second{align-items:center;display:flex}.cube{left:22%;margin:110px 10px}}@media screen and (max-width:1400px){.mainh1{font-size:3rem;overflow:hidden}.mainh1,h2{text-align:center}h2{font-size:1rem}.second{display:block}}.animationsec h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#22e014,#03eb7f,#01c298,#08c6a3);-webkit-background-clip:text;font-size:3rem;font-weight:700;margin:50px;text-align:center}.third{align-items:center;display:flex;height:auto;margin-top:190px;overflow:hidden;padding:20px;width:100%}.animationsec{display:inline-block;height:auto;width:50%}.animated-text{color:#fff;font-size:3.5rem;font-weight:600;min-width:280px;text-align:center}.animated-text span{position:relative}.animated-text span:before{animation:words 20s infinite;color:coral;content:"Youtuber"}.animated-text span:after{animation:cursor .8s infinite,typing 20s steps(14) infinite;background-color:#0f1219;border-left:2px solid coral;content:"";height:80px;position:absolute;right:-8px;width:calc(100% + 8px)}@keyframes cursor{to{border-left:2px solid #03030300}}@keyframes words{0%,20%{content:"Simplifies development."}21%,40%{content:"Responsive design."}41%,60%{content:"Pre-styled components."}61%,80%{content:"Reliable choice."}81%,to{content:"Easy to use."}}@keyframes typing{10%,15%,30%,35%,50%,55%,70%,75%,90%,95%{width:0}20%,25%,40%,45%,5%,60%,65%,80%,85%{width:calc(100% + 8px)}}.infotextthird{align-items:center;color:#fff;display:flex;height:auto;padding:6px;width:50%}.infotextthird p{font-size:1.5rem}@media screen and (max-width:800px){.third{display:block}.animationsec h1{font-size:2rem;margin:0;text-align:center;width:100%}.animationsec{width:100%}.animated-text{color:#fff;font-size:2rem;font-weight:400;margin-top:40px;text-align:center}.infotextthird{margin-top:60px;text-align:justify;width:100%}}.mainfour{align-items:center;display:flex}.fourth,.mainfour{height:auto;width:100%}.fourth{margin:250px 10px;position:relative}.headtext{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#49dcb0,#03eb7f,#3569d1,#7408c6);-webkit-background-clip:text;font-size:3rem;font-weight:700;margin:40px;text-align:center}.fourth *,.fourth :after,.fourth :before{content:"";left:50%;position:absolute;top:50%}.layeredanim{align-items:center;display:flex;height:auto;justify-content:center;overflow:hidden;text-align:center;width:100%}svg{height:100%;transform:scale(2.6);visibility:hidden;width:100%}#ai,.ell{fill:none}@media screen and (max-width:1200px){.mainfour{display:block;height:700px;justify-content:center;overflow:hidden;width:100%}}@media screen and (max-width:800px){.mainfour{display:block;height:auto;justify-content:center;overflow:hidden;width:100%}.headtext{font-size:2rem}.fourth{margin:150px 1px}}.fifth{height:auto;overflow:hidden;width:100%}.fifthtext{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#49dcb0,#03eb7f,#3569d1,#7408c6);-webkit-background-clip:text;font-size:3rem;font-weight:700;margin-top:60px;text-align:center}.fourth{height:350px}.eye{animation:eyeAnimation 4s cubic-bezier(1,0,1,1) infinite;background:#323232;border-radius:50%;filter:blur(3px);height:600px;transform:translate(-50%,-50%);width:600px}@keyframes eyeAnimation{0%,33%,to{box-shadow:inset -6px -13px 20px -10px #e6e6ec0a,64px 55px 40px -40px #2c2c2c,20px 18px 30px -10px #2b2b2b,inset -70px -50px 60px -30px #383838,inset -90px -90px 70px -90px #2b2b2b,inset -70px -50px 100px -40px #2b2b2b,inset 80px 50px 80px -50px #2b2b2b,-25px -15px 50px -10px #2b2b2b,14px -1px 50px -10px #2b2b2b,1px 9px 50px -10px #2b2b2b,inset -90px 40px 60px -20px #3131311a,inset -90px -120px 60px -20px #ffffff1a;transform:translate(-50%,-50%) scale(1.25)}65%{box-shadow:inset -8px -13px 60px -10px #e6e6ec33,44px 35px 20px -20px #2b2b2b,11px 9px 9px -4px #2b2b2b,inset -100px -70px 40px -110px #2b2b2b,inset -90px -90px 70px -90px #2b2b2b,inset -70px -50px 100px -40px #2d2d2d,inset 80px 50px 80px -50px #2e2e2e,-25px -15px 30px -10px #2b2b2b;transform:translate(-50%,-50%) scale(1)}}.eye:after{animation:pupilAnimationSize 4s cubic-bezier(1,0,1,1) infinite,pupilAnimationView 4s ease infinite;border-radius:50%;box-shadow:inset -50px -20px 30px 0 #e7e2f5,inset 100px 10px 20px -27px #232323,0 0 10px 7px #e7e2f5;height:160px;width:160px}@keyframes pupilAnimationSize{0%,30%,to{transform:translate(-50%,-50%) scale(.95)}40%,90%{transform:translate(-50%,-50%) scale(.55)}}@keyframes pupilAnimationView{0%,30%,to{box-shadow:inset -40px -20px 30px 0 #313131,inset 100px 10px 20px -27px #313131,0 0 10px 10px #424244}60%,66%{box-shadow:inset -50px -20px 30px 0 #e7e2f500,inset 10px 10px 70px -27px #2f2c4c00,0 0 10px 7px #e6e1f500}90%{box-shadow:inset -50px -20px 30px 0 #282829,inset 100px 10px 20px -27px #2b2b2b,0 0 10px 7px #323232}}.circle-1{animation:circle1AnimationOpacity 4s ease infinite,circle1AnimationMove 4s ease infinite;border:1px solid #0000;border-radius:50%;border-right-color:#fff9;height:475px;width:475px}@keyframes circle1AnimationMove{0%,to{transform:translate(-50%,-50%) rotate(49deg)}7%{transform:translate(-50%,-50%) rotate(38deg)}12%,19%,68%{transform:translate(-50%,-50%) rotate(42deg)}26%,30%{transform:translate(-50%,-50%) rotate(82deg)}73%{transform:translate(-50%,-50%) rotate(34deg)}87%,92%{transform:translate(-50%,-50%) rotate(69deg)}94%{transform:translate(-50%,-50%) rotate(65deg)}}@keyframes circle1AnimationOpacity{0%,27%,73%,to{opacity:1}30%,70%{opacity:0}}.circle-2{animation:circle2AnimationOpacity 4s ease infinite,circle2AnimationMove 4s ease infinite;border:1px solid #0000;border-radius:50%;border-right-color:#dfe4ff99;height:475px;width:475px}@keyframes circle2AnimationMove{0%,to{transform:translate(-50%,-50%) rotate(229deg)}9%{transform:translate(-50%,-50%) rotate(220deg)}14%,21%{transform:translate(-50%,-50%) rotate(225deg)}29%,67%{transform:translate(-50%,-50%) rotate(262deg)}82%{transform:translate(-50%,-50%) rotate(241deg)}90%,94%{transform:translate(-50%,-50%) rotate(249deg)}99%{transform:translate(-50%,-50%) rotate(245deg)}}@keyframes circle2AnimationOpacity{0%,27%,79%,to{opacity:1}30%,76%{opacity:0}}.circle-3{height:280px;left:calc(50% + 93px);overflow:hidden;top:calc(50% - 189px);width:106px}.circle-3:before{animation:circle3Animation 4s ease infinite;border:1px solid #0000;border-radius:50%;border-right-color:#dfe4ff99;height:393px;left:-275%;top:-4%;width:393px}@keyframes circle3Animation{0%{transform:rotate(-3deg)}20%{transform:rotate(-107deg)}79%{transform:rotate(-286deg)}to{transform:rotate(-364deg)}}.circle-4{animation:circle4AnimationMove 4s cubic-bezier(1,0,1,1) infinite,circle4AnimationOpacity 4s ease infinite;border-color:#0000 #fbfbfb #0000 #fbfbfb33;border-radius:50%;border-style:solid;border-width:1px;height:295px;width:295px}@keyframes circle4AnimationMove{0%,to{transform:translate(-50%,-50%) rotate(219deg) scale(1)}6%{transform:translate(-50%,-50%) rotate(221deg) scale(.9)}16%{transform:translate(-50%,-50%) rotate(302deg) scale(.9)}22%{transform:translate(-50%,-50%) rotate(307deg) scale(.9)}29%{transform:translate(-50%,-50%) rotate(312deg) scale(.93)}33%{transform:translate(-50%,-50%) rotate(310deg) scale(.93)}36%{transform:translate(-50%,-50%) rotate(300deg) scale(.7)}39%{transform:translate(-50%,-50%) rotate(220deg) scale(.92)}50%,57%{transform:translate(-50%,-50%) rotate(248deg) scale(.92)}66%{transform:translate(-50%,-50%) rotate(225deg) scale(.92)}73%,81%{transform:translate(-50%,-50%) rotate(243deg) scale(.92)}93%{transform:translate(-50%,-50%) rotate(215deg) scale(1)}}@keyframes circle4AnimationOpacity{0%,33%,50%,to{opacity:1}36%,39%{opacity:0}}.circle-5{animation:circle5AnimationSize 4s cubic-bezier(1,0,1,1) infinite,circle5AnimationView 4s ease infinite;height:100px;transform:translate(-50%,-50%);width:100px}.circle-5:before{height:173px;width:173px}.circle-5:after,.circle-5:before{border:1px solid #fbfbfb;border-radius:50%;transform:translate(-50%,-50%)}.circle-5:after{height:177px;width:177px}@keyframes circle5AnimationSize{0%,38%,82.82%,to{transform:translate(-50%,-50%) scale(1)}45%,75.44%{transform:translate(-50%,-50%) scale(.7)}}@keyframes circle5AnimationView{0%,11.5%,14%,15.6%,18.9%,21.3%,23.8%,25.4%,28.7%,35.3%,42%,5.7%,7.4%,77.9%,82.7%,83.6%,85.2%,86.1%,9.8%,91.8%,93.5%,97.6%,to{opacity:1}10.7%,14.8%,18%,2.5%,20.5%,22.1%,24.6%,27.9%,36%,6.6%,8.2%,88.6%{opacity:.5}47%,77.8%,82.8%,83.5%,85.3%,86%,90.2%,92.7%,96.8%,99.2%{opacity:0}}.circle-6{animation:circle6Animation 4s cubic-bezier(1,0,1,1) infinite;background:repeating-conic-gradient(from 0deg,#b3ddff66 0deg 1deg,#0000 1deg 2deg);border-radius:50%;-webkit-clip-path:url(#bagel1);clip-path:url(#bagel1);height:190px;left:50%;top:50%;width:190px}@keyframes circle6Animation{0%{transform:translate(-50%,-50%) scale(1)}35%,8%{opacity:1;transform:translate(-50%,-50%) scale(.93)}40%,90%{opacity:0;transform:translate(-50%,-50%) scale(.2)}95%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.circle-7{animation:circle6Animation 4s cubic-bezier(1,0,1,1) -.1s infinite;filter:blur(1px);height:142px;left:50%;top:50%;width:142px}.circle-7:before{background:repeating-conic-gradient(from 0deg,#7257bb99 0deg 2deg,#0000 2deg 8deg);border-radius:50%;-webkit-clip-path:url(#bagel2);clip-path:url(#bagel2);height:100%;left:0;top:0;width:100%}.circle-8{animation:circle6Animation 4s cubic-bezier(1,0,1,1) -.13s infinite;-webkit-clip-path:url(#bagel3);clip-path:url(#bagel3);height:120px;width:120px}.circle-8,.circle-9{background:repeating-conic-gradient(from 0deg,#ecf7ffad 0deg 1deg,#0000 1deg 2deg);border-radius:50%;left:50%;top:50%}.circle-9{animation:circle6Animation 4s cubic-bezier(1,0,1,1) -.16s infinite;-webkit-clip-path:url(#bagel4);clip-path:url(#bagel4);height:76px;width:76px}.circle-10{animation:circle10Animation 4s cubic-bezier(1,0,1,1) infinite;background:radial-gradient(#e6f5ff99,#c9f3ff80,#4a69a04d,#0000 70%);border-radius:50%;-webkit-clip-path:url(#bagel1);clip-path:url(#bagel1);height:190px;left:50%;top:50%;width:190px}@keyframes circle10Animation{0%{transform:translate(-50%,-50%) scale(1)}30%,4%{opacity:1;transform:translate(-50%,-50%) scale(.93)}35%,93%{opacity:0;transform:translate(-50%,-50%) scale(0)}98%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.circle-11{animation:circle11Animation 4s cubic-bezier(1,0,1,1) infinite;background:repeating-conic-gradient(from 0deg,#e5f3ff1a 0deg 1deg,#0000 1deg 8deg,#e5f3ff4d 8deg 9deg,#0000 9deg 10deg,#e5f3ff1a 10deg 11deg,#0000 11deg 72deg);border-radius:50%;-webkit-clip-path:url(#bagel1);clip-path:url(#bagel1);height:190px;left:50%;top:50%;width:190px}@keyframes circle11Animation{0%,98%,to{opacity:1;transform:translate(-50%,-50%) rotate(0deg)}15%{transform:translate(-50%,-50%) rotate(45deg)}25%{transform:translate(-50%,-50%) rotate(-10deg)}30%{opacity:1}35%{opacity:0;transform:translate(-50%,-50%) rotate(-20deg)}93%{opacity:0;transform:translate(-50%,-50%) rotate(80deg)}}.circle-12{animation:circle12Animation 4s cubic-bezier(1,0,1,1) infinite;background:repeating-conic-gradient(from 0deg,#d0e9ff33 20deg 21deg,#0000 21deg 40deg,#c0dff940 40deg 41deg,#0000 41deg 43deg,#b3dcff26 43deg 44deg,#0000 44deg 76deg);border-radius:50%;-webkit-clip-path:url(#bagel1);clip-path:url(#bagel1);height:190px;left:50%;top:50%;width:190px}@keyframes circle12Animation{0%,96%,to{opacity:1;transform:translate(-50%,-50%) rotate(0deg)}10%{transform:translate(-50%,-50%) rotate(45deg)}25%{transform:translate(-50%,-50%) rotate(-45deg)}30%{opacity:1}35%{opacity:0;transform:translate(-50%,-50%) rotate(50deg)}93%{opacity:0;transform:translate(-50%,-50%) rotate(-90deg)}}.circle-13{animation:circle13AnimationSize 4s cubic-bezier(1,0,1,1) infinite,circle13AnimationView 4s ease infinite;height:100px;transform:translate(-50%,-50%);width:100px}.circle-13:before{border:1px solid #fbfbfb;border-radius:50%;height:110px;transform:translate(-50%,-50%);width:110px}.circle-13:after{border:1px solid #fbfbfb80;border-radius:50%;height:120px;transform:translate(-50%,-50%);width:120px}@keyframes circle13AnimationSize{0%,32%,86%,to{transform:translate(-50%,-50%) scale(1)}38%,82%{transform:translate(-50%,-50%) scale(.2)}}@keyframes circle13AnimationView{0%{opacity:1}2.5%{opacity:.5}5.7%{opacity:1}6.6%{opacity:.5}7.4%{opacity:1}8.2%{opacity:.5}9.8%{opacity:1}10.7%{opacity:.5}11.5%,14%{opacity:1}14.8%{opacity:.5}15.6%{opacity:1}18%{opacity:.5}18.9%{opacity:1}20.5%{opacity:.5}21.3%{opacity:1}22.1%{opacity:.5}23.8%{opacity:1}24.6%{opacity:.5}25.4%{opacity:1}27.9%{opacity:.5}28.7%,32%{opacity:1}38%{opacity:0}82%{opacity:0}86%{opacity:1}88.6%{opacity:.5}90.2%{opacity:0}91.8%{opacity:1}92.7%{opacity:0}93.5%{opacity:1}96.8%{opacity:0}97.6%{opacity:1}99.2%{opacity:0}to{opacity:1}}.circle-14{animation:circle13AnimationSize 4s cubic-bezier(1,0,1,1) -.15s infinite,circle14AnimationView 4s ease infinite;height:100px;transform:translate(-50%,-50%);width:100px}.circle-14:before{border:1px solid #fbfbfb80;border-radius:50%;height:70px;transform:translate(-50%,-50%);width:70px}.circle-14:after{border:1px solid #fbfbfb4d;border-radius:50%;height:95px;transform:translate(-50%,-50%);width:95px}@keyframes circle14AnimationView{0%{opacity:1}2.5%{opacity:.5}5.7%{opacity:1}6.6%{opacity:.5}7.4%{opacity:1}8.2%{opacity:.5}9.8%{opacity:1}10.7%{opacity:.5}11.5%,14%{opacity:1}14.8%{opacity:.5}15.6%{opacity:1}18%{opacity:.5}18.9%{opacity:1}20.5%{opacity:.5}21.3%{opacity:1}22.1%{opacity:.5}23.8%{opacity:1}24.6%{opacity:.5}25.4%{opacity:1}27.9%{opacity:.5}28.7%,32%{opacity:1}38%{opacity:0}82%{opacity:0}86%{opacity:1}88.6%{opacity:.5}90.2%{opacity:0}91.8%{opacity:1}92.7%{opacity:0}93.5%{opacity:1}96.8%{opacity:0}97.6%{opacity:1}99.2%{opacity:0}to{opacity:1}}.glitch{animation:glitchAnimationOpacity 4s cubic-bezier(1,0,1,1) infinite,glitchAnimationMove 4s cubic-bezier(1,0,1,1) infinite,glitchAnimationBright 4s cubic-bezier(1,0,1,1) infinite;box-shadow:-21px -75px #8ac7ed,-16px -78px #8ac7ed,-8px -78px #8ac7ed,-5px -77px #8ac7ed,-2px -79px #8ac7ed,10px -79px #8ac7ed,25px -73px #8ac7ed,41px -71px #8ac7ed,44px -68px #8ac7ed,-26px -72px #8ac7ed,-45px -62px #8ac7ed,-65px -57px #8ac7ed,59px -49px #8ac7ed,67px -52px #8ac7ed,37px -69px #8ac7ed,43px -62px #8ac7ed,39px -62px #8ac7ed,17px -71px #8ac7ed,28px -67px #8ac7ed,65px -32px #8ac7ed,73px -24px #8ac7ed,67px -25px #8ac7ed,76px -14px #8ac7ed,70px -18px #8ac7ed,82px 21px #8ac7ed,79px 20px #8ac7ed,72px 15px #8ac7ed,55px 45px #8ac7ed,48px 51px #8ac7ed,43px 58px #8ac7ed,37px 57px #8ac7ed,36px 63px #8ac7ed,32px 76px #8ac7ed,35px 70px #8ac7ed,25px 71px #8ac7ed,20px 75px #8ac7ed,5px 70px #8ac7ed,7px 75px #8ac7ed,-5px 79px #8ac7ed,3px 78px #8ac7ed,-1px 77px #8ac7ed,-13px 78px #8ac7ed,-15px 82px #8ac7ed,-20px 76px #8ac7ed,-18px 78px #8ac7ed,-17px 75px #8ac7ed,-22px 72px #8ac7ed,-34px 72px #8ac7ed,-36px 69px #8ac7ed,-43px 74px #8ac7ed,-41px 72px #8ac7ed,-42px 69px #8ac7ed,-38px 66px #8ac7ed,-43px 63px #8ac7ed,-37px 61px #8ac7ed,-56px 66px #8ac7ed,-54px 61px #8ac7ed,-58px 54px #8ac7ed,-60px 41px #8ac7ed,-50px 56px #8ac7ed,-54px 57px #8ac7ed,-60px 52px #8ac7ed,-74px 35px #8ac7ed,-76px 18px #8ac7ed,-74px 25px #8ac7ed,-69px 23px #8ac7ed,-84px 13px #8ac7ed,-73px 3px #8ac7ed,-80px -1px #8ac7ed,-79px -4px #8ac7ed,-79px -7px #8ac7ed,-70px -11px #8ac7ed,-67px -23px #8ac7ed,-84px -13px #8ac7ed,-71px -42px #8ac7ed,-61px -49px #8ac7ed,-58px -43px #8ac7ed,-55px -50px #8ac7ed,-32px -72px #8ac7ed,-80px -30px #8ac7ed,-59px -20px #8ac7ed,-79px 12px #8ac7ed,-76px 1px #8ac7ed,8px 57px #8ac7ed,59px 36px #8ac7ed,60px 46px #8ac7ed,54px 59px #8ac7ed,44px 52px #8ac7ed,-31px 20px #8ac7ed,-56px 2px #8ac7ed,47px 35px #8ac7ed,70px 6px #8ac7ed,60px -2px #8ac7ed,-21px -75px 0 1px #ffffff1a,-16px -78px 0 1px #ffffff1a,-8px -78px 0 1px #ffffff1a,-5px -77px 0 1px #ffffff1a,-2px -79px 0 1px #ffffff1a,10px -79px 0 1px #ffffff1a,25px -73px 0 1px #ffffff1a,41px -71px 0 1px #ffffff1a,44px -68px 0 1px #ffffff1a,-26px -72px 0 1px #ffffff1a,-45px -62px 0 1px #ffffff1a,-65px -57px 0 1px #ffffff1a,59px -49px 0 1px #ffffff1a,67px -52px 0 1px #ffffff1a,37px -69px 0 1px #ffffff1a,43px -62px 0 1px #ffffff1a,39px -62px 0 1px #ffffff1a,17px -71px 0 1px #ffffff1a,28px -67px 0 1px #ffffff1a,65px -32px 0 1px #ffffff1a,73px -24px 0 1px #ffffff1a,67px -25px 0 1px #ffffff1a,76px -14px 0 1px #ffffff1a,70px -18px 0 1px #ffffff1a,82px 21px 0 1px #ffffff1a,79px 20px 0 1px #ffffff1a,72px 15px 0 1px #ffffff1a,55px 45px 0 1px #ffffff1a,48px 51px 0 1px #ffffff1a,43px 58px 0 1px #ffffff1a,37px 57px 0 1px #ffffff1a,36px 63px 0 1px #ffffff1a,32px 76px 0 1px #ffffff1a,35px 70px 0 1px #ffffff1a,25px 71px 0 1px #ffffff1a,20px 75px 0 1px #ffffff1a,5px 70px 0 1px #ffffff1a,7px 75px 0 1px #ffffff1a,-5px 79px 0 1px #ffffff1a,3px 78px 0 1px #ffffff1a,-1px 77px 0 1px #ffffff1a,-13px 78px 0 1px #ffffff1a,-15px 82px 0 1px #ffffff1a,-20px 76px 0 1px #ffffff1a,-18px 78px 0 1px #ffffff1a,-17px 75px 0 1px #ffffff1a,-22px 72px 0 1px #ffffff1a,-34px 72px 0 1px #ffffff1a,-36px 69px 0 1px #ffffff1a,-43px 74px 0 1px #ffffff1a,-41px 72px 0 1px #ffffff1a,-42px 69px 0 1px #ffffff1a,-38px 66px 0 1px #ffffff1a,-43px 63px 0 1px #ffffff1a,-37px 61px 0 1px #ffffff1a,-56px 66px 0 1px #ffffff1a,-54px 61px 0 1px #ffffff1a,-58px 54px 0 1px #ffffff1a,-60px 41px 0 1px #ffffff1a,-50px 56px 0 1px #ffffff1a,-54px 57px 0 1px #ffffff1a,-60px 52px 0 1px #ffffff1a,-74px 35px 0 1px #ffffff1a,-76px 18px 0 1px #ffffff1a,-74px 25px 0 1px #ffffff1a,-69px 23px 0 1px #ffffff1a,-84px 13px 0 1px #ffffff1a,-73px 3px 0 1px #ffffff1a,-80px -1px 0 1px #ffffff1a,-79px -4px 0 1px #ffffff1a,-79px -7px 0 1px #ffffff1a,-70px -11px 0 1px #ffffff1a,-67px -23px 0 1px #ffffff1a,-84px -13px 0 1px #ffffff1a,-71px -42px 0 1px #ffffff1a,-61px -49px 0 1px #ffffff1a,-58px -43px 0 1px #ffffff1a,-55px -50px 0 1px #ffffff1a,-32px -72px 0 1px #ffffff1a,-80px -30px 0 1px #ffffff1a,-59px -20px 0 1px #ffffff1a,-79px 12px 0 1px #ffffff1a,-76px 1px 0 1px #ffffff1a,8px 57px 0 1px #ffffff1a,59px 36px 0 1px #ffffff1a,60px 46px 0 1px #ffffff1a,54px 59px 0 1px #ffffff1a,44px 52px 0 1px #ffffff1a,-31px 20px 0 1px #ffffff1a,-56px 2px 0 1px #ffffff1a,47px 35px 0 1px #ffffff1a,70px 6px 0 1px #ffffff1a,60px -2px 0 1px #ffffff1a;filter:blur(1px);height:2px;width:2px}@keyframes glitchAnimationOpacity{0%,30%,96%,to{opacity:1}35%,93%{opacity:0}}@keyframes glitchAnimationMove{0%,to{transform:translate(-50%,-50%) rotate(0deg)}35%,65%{transform:translate(-50%,-50%) rotate(12turn)}}@keyframes glitchAnimationBright{0%,to{filter:blur(1px)}35%,65%{filter:blur(1px) brightness(1.8)}}.fragment-1:before{animation:fragment1BeforeAnimationMove 4s cubic-bezier(1,0,1,1) -.15s infinite;border:2px solid #ffffff4d;border-radius:2px;height:6px;width:6px}@keyframes fragment1BeforeAnimationMove{0%,to{opacity:1;transform:rotate(0deg) translate(71px,-181px)}37%{opacity:1;transform:rotate(15deg) translate(71px,-181px)}37.1%,76.9%{opacity:0}77%{opacity:1;transform:rotate(-2deg) translate(71px,-181px)}90%{transform:rotate(-9deg) translate(71px,-181px)}}.fragment-1:after{animation:fragment1AfterAnimationMove 4s cubic-bezier(1,0,1,1) -.15s infinite;border:2px solid #ffffff4d;border-radius:2px;height:6px;width:6px}@keyframes fragment1AfterAnimationMove{0%,to{opacity:1;transform:rotate(0deg) translate(285px,48px)}7%{transform:rotate(5deg) translate(285px,48px)}22%{transform:rotate(-1deg) translate(285px,48px)}40%{opacity:1;transform:rotate(-3deg) translate(285px,48px)}40.1%,81.9%{opacity:0}82%{opacity:1;transform:rotate(-15deg) translate(285px,48px)}}.fragment-2:after{animation:fragment2AfterAnimationMove 4s cubic-bezier(1,0,1,1) -.15s infinite;border:2px solid #ffffff4d;border-radius:2px;height:6px;width:6px}@keyframes fragment2AfterAnimationMove{0%,to{opacity:1;transform:rotate(0deg) translate(-220px,162px)}46%{opacity:1;transform:rotate(-8deg) translate(-220px,162px)}46.1%,97.9%{opacity:0}98%{opacity:1;transform:rotate(2deg) translate(-220px,162px)}}.fragment-2:before{animation:fragment2BeforeAnimationMove 4s cubic-bezier(1,0,1,1) -.15s infinite;border:2px solid #ffffff4d;border-radius:2px;height:6px;width:6px}@keyframes fragment2BeforeAnimationMove{0%,to{opacity:1;transform:rotate(0deg) translate(284px,111px)}2%{transform:rotate(2deg) translate(284px,111px)}9%{transform:rotate(-5deg) translate(284px,111px)}15%,22%{transform:rotate(-3deg) translate(284px,111px)}27%{opacity:1;transform:rotate(-2deg) translate(284px,111px)}38.9%{transform:rotate(-9deg) translate(284px,111px)}39%,76.9%{opacity:0}77%{opacity:1;transform:rotate(-9deg) translate(284px,111px)}}.fragment-3:after{animation:fragment3AfterAnimationMove 4s cubic-bezier(1,0,1,1) -.15s infinite;background:#ffffff4d;border-radius:2px;height:6px;width:6px}@keyframes fragment3AfterAnimationMove{0%,4.9%,65.1%,to{opacity:0}5%{opacity:1;transform:rotate(0deg) translate(183px,198px)}16%{opacity:1;transform:rotate(-9deg) translate(284px,111px)}16.1%,60.9%{opacity:0}61%{opacity:1;transform:rotate(5deg) translate(284px,111px)}65%{opacity:1;transform:rotate(10deg) translate(284px,111px)}}.fragment-3:before{animation:fragment3BeforeAnimationMove 4s cubic-bezier(1,0,1,1) -.15s infinite;background:#ffffff4d;border-radius:2px;height:6px;width:6px}@keyframes fragment3BeforeAnimationMove{0%,to{opacity:1;transform:rotate(0deg) translate(-253px,-126px)}22%{opacity:1;transform:rotate(25deg) translate(-253px,-126px)}22.1%,95.9%{opacity:0}96%{opacity:1;transform:rotate(-5deg) translate(-253px,-126px)}}@media screen and (max-width:500px){.eye{height:250px;width:250px}.fifthtext{font-size:2rem;margin:0;width:100%}}@media screen and (max-width:800px){.fifthtext{font-size:2rem;margin:0;width:100%}}@media screen and (max-width:1200px){.eye{animation:eyeAnimation 4s cubic-bezier(1,0,1,1) infinite;border-radius:50%;filter:blur(2px);height:300px;transform:translate(-50%,-50%);width:300px}}.footer{display:flex;height:300px;overflow:hidden;padding:20px;width:100%}.right h1{color:#fff;font-size:2rem;font-weight:600}.logo{height:50px;margin:3px;width:50px}.footer h4{color:#fff;font-size:1rem}.left{padding-left:20px}.left,.right{height:100px;width:50%}.social li{color:#fff;list-style:none;margin:0 10px}.social{display:flex;flex-direction:column;float:left;padding:25px;width:300px}.social ul{display:flex;justify-content:center}.social li a{text-decoration:none}.social h3{color:#fff;font-size:1rem;font-weight:400;padding-bottom:10px}.social li a ion-icon{color:#fff;height:27px;width:27px}@media screen and (max-width:800px){.footer{display:block;height:600px}.left,.right{width:100%}.right{margin-top:40px}.right h1{font-size:1.5rem;text-align:justify}.social{display:flex;text-align:center;width:100%}}.component{height:570px;margin:10px;width:40%}.component-body{background-color:#232327;border-radius:10px;color:#fff;height:570px;overflow:hidden;width:100%}.component-body,.edit{align-items:center;display:flex;justify-content:center}.edit{height:600px}.codingpart{background-color:#232327;border-radius:10px;height:570px;padding:10px;width:60%}.codingpart label ion-icon{color:#fff;height:20px;width:20px}.codingpart .html{background-color:#070808;border-radius:10px;color:#fff;cursor:pointer;font-family:Source Code Pro,monospace;font-size:1.1rem;height:490px;padding:7px;width:100%}ul li{color:#fff;font-size:1.3rem}.codingpart .css{background-color:#070808;border-radius:10px;color:#fff;cursor:pointer;font-family:Source Code Pro,monospace;font-size:1.1rem;height:490px;padding:7px;width:100%}.codingpart .css::-webkit-scrollbar,.codingpart .html::-webkit-scrollbar{background-color:#535357;width:5px}.tabs ul{display:flex;margin:5px}.tabs ul li{cursor:pointer;display:flex;margin:0 20px}.content{display:none}.show-content{display:block}@media only screen and (max-width:500px){.edit{display:block;height:auto;padding:2px}.codingpart .css,.codingpart .html{height:400px;width:100%}.component{margin:10px 0;width:100%}.codingpart{display:block;height:480px;padding:10px;width:100%}}.doccontainer{height:auto;padding:10px;width:auto}.level{color:#fff;font-size:3rem;text-align:center}.about_main{height:100vh;padding:20px 50px;width:100%}.about_main label{color:#fff;font-family:Chakra Petch,sans-serif;font-size:2.5rem;font-weight:520;margin:2px 10px}.infoabout{height:auto;margin-top:20px;width:100%}.paraab{color:#fff;font-size:1.9rem;font-style:italic;font-weight:500}@media screen and (max-width:500px){.about_main{padding:20px}.about_main label{font-size:1.7rem}p{font-size:1.2rem;text-align:justify}}h1{color:#fff}.codeeditordiv{display:flex;height:100vh;padding:20px;width:100%}label{align-items:center;display:flex;height:30px}label ion-icon{margin-left:10px;margin-right:10px}.left,.right{color:#fff;flex-basis:50%;padding:10px}textarea{border:3px solid #2f2f30;border-radius:10px;color:#fff;font-size:18px;height:86vh;outline:0;padding:16px;width:100%}.html{background-color:#151516}.css{background-color:#323234}iframe{background-color:#d6e6ef;border:3px solid #211e3a;border-radius:10px;height:86vh;outline:0;width:100%}.tabs li{border-radius:20px;padding:4px 25px 5px 0}.left li{font-size:1.7rem;list-style:none;padding-bottom:13px;text-decoration:none}.h{background-color:#e34c26}.c,.h{color:#fff}.c{background-color:#2965f1}*{margin:0;padding:0;scroll-behavior:auto}body{background-image:linear-gradient(to top left,#0b101b,#070a18,#0f1219,#120f1e);background-repeat:no-repeat;overflow-x:hidden;scroll-behavior:smooth}
/*# sourceMappingURL=main.b3f79ce8.css.map*/