@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{-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;margin:0}.app{margin:0 auto;max-width:1200px}@media screen and (min-width:1400px){.app{max-width:1200px}}@media screen and (min-width:1600px){.app{max-width:1370px}}@media screen and (min-width:1900px){.app{max-width:1500px}}:root{--primary-color:#011f30;--dark-color:hsla(0,0%,96%,.04);--fill-color:hsla(0,0%,100%,.25);--secondary-color:#ffc87c;--secondary-color-2:#ffc87ce5;--tertiary-color:rgba(112,158,200,.4);--alert-color:#df5656;--text-main:#fff;--text-plain:rgba(188,234,255,.6);--blue-color:#448fff;--padd-sm:.75rem;--padd-md:1rem;--padd-lg:1.75rem;--padd-xl:3rem;--border-r-sm:3px;--border-r-md:5px;--transition:all .4s ease-in;--gradient-cc:radial-gradient(2422.86% 132.40% at 0.00% 0%,rgba(255,200,124,.9) 0%,hsla(60,96%,73%,.9) 100%);--gradient-h1:linear-gradient(126deg,#fafafa,rgba(188,234,255,.9));--gradient-tx:linear-gradient(45deg,#f3ec78,#ce5a0e);--gradient-color:linear-gradient(45deg,#df9745f3,#f3ec78)}*{-webkit-font-smoothing:antialiased!important;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}ol,ul{list-style:none}input:-webkit-autofill{background:transparent}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:inherit;text-decoration:inherit}html{scroll-behavior:smooth}body{background:#011f30;background:var(--primary-color);min-height:100dvh}.text-gradient{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;-moz-background-clip:text;background-repeat:repeat;background-size:100%}.box{background:hsla(0,0%,96%,.04);background:var(--dark-color);border:1px solid rgba(112,158,200,.4);border:1px solid var(--tertiary-color);border-radius:3px;border-radius:var(--border-r-sm)}.text{color:rgba(188,234,255,.6);color:var(--text-plain);font-style:normal;font-weight:400;letter-spacing:.2px;line-height:normal}.link{color:#ffc87ce5;color:var(--secondary-color-2);-webkit-text-decoration-line:underline;text-decoration-line:underline}.link:hover{color:#ffc87c;color:var(--secondary-color)}.polygon{height:10px;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:10px}.flex{align-items:center;display:flex}.btn-primary{background:radial-gradient(2422.86% 132.4% at 0 0,rgba(255,200,124,.9) 0,hsla(60,96%,73%,.9) 100%);background:var(--gradient-cc);border:none;border-radius:5px;color:#011f30;color:var(--primary-color);cursor:pointer;font-size:16px;padding:5px 1rem;text-align:center;transition:all .6s ease;white-space:nowrap}.card{border:1px solid rgba(112,158,200,.4);border:1px solid var(--tertiary-color);border-radius:5px;border-radius:var(--border-r-md)}.card,.card-outline{background:hsla(0,0%,96%,.04);background:var(--dark-color);transition:all .3s ease}.card-outline{border:none;border-radius:5px;border-radius:var(--border-r-md)}section{min-height:90dvh;padding:.75rem;padding:var(--padd-sm)}#bottom{min-height:60dvh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:2px}::-webkit-scrollbar-thumb{background:rgba(112,158,200,.4);background:var(--tertiary-color);border-radius:2px}.bar{background:linear-gradient(45deg,#f3ec78,#ce5a0e);background:var(--gradient-tx);border-radius:2px;height:3px;position:absolute;z-index:9999}.bar,.navbar{top:0;width:100%}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:1.75rem;margin-bottom:var(--padd-lg);position:-webkit-sticky;position:sticky;z-index:999}.navbar:after{background:rgba(112,158,200,.4);background:var(--tertiary-color);content:"";display:block;height:1px;width:100%}.navbar .nav{justify-content:space-between;padding:.75rem 1rem;padding:var(--padd-sm) var(--padd-md)}.navbar .logo{cursor:pointer}.navbar .logo h1{color:#f5f5f5;font-size:1.5rem;font-weight:600;white-space:nowrap}.navbar .nav .nav-items{gap:1rem;gap:var(--padd-md)}.navbar .nav-items .nav-link{color:rgba(188,234,255,.6);color:var(--text-plain);font-size:1em;font-weight:400;letter-spacing:1px;line-height:normal;padding:0 5px;position:relative;text-transform:capitalize;transition:all .2s ease-in}.navbar .nav-items .nav-link:after{background:#ffc87c;background:var(--secondary-color);bottom:-18px;content:"";display:block;height:1.5px;position:absolute;right:1%;transition:width .2s ease-in;width:0}.navbar .nav-items .nav-link:active:after,.navbar .nav-items .nav-link:hover:after{width:100%}.navbar .menu{color:rgba(188,234,255,.6);color:var(--text-plain);display:none;font-size:2em;transition:color .4s ease-in}.navbar .menu:hover{color:rgba(112,158,200,.4);color:var(--tertiary-color)}.hero{grid-gap:.75rem;grid-gap:var(--padd-sm);align-items:center;display:grid;gap:.75rem;gap:var(--padd-sm);grid-template-columns:repeat(2,1fr);justify-content:space-between}.hero--heading{align-items:start;-webkit-animation:fadeInLeft .9s forwards;animation:fadeInLeft .9s forwards;display:flex;flex-direction:column;gap:3rem;gap:var(--padd-xl);margin:8px 0}.hero--heading .hero-title h1{background-image:linear-gradient(45deg,#f3ec78,#ce5a0e);background-image:var(--gradient-tx);font-size:1.75em;font-weight:400;letter-spacing:.5px;line-height:40px;margin-bottom:-2px;text-transform:capitalize}.hero .hero-title .text-contents{align-items:center;gap:5px}.hero .hero-title .text-contents p{color:rgba(188,234,255,.7);font-size:15px;letter-spacing:.3px}.hero .hero--heading .btn-use{width:180px}.hero .hero--heading .hero-bottom{gap:.75rem;gap:var(--padd-sm)}.hero .hero--heading .hero-bottom p{color:rgba(188,234,255,.7);letter-spacing:.5px}.hero .hero--heading .hero-bottom span{-webkit-text-fill-color:transparent;background:linear-gradient(126deg,#fafafa,rgba(188,234,255,.9));background:var(--gradient-h1);-webkit-background-clip:text;margin-left:5px}.tab{border-radius:5px;color:#011f30;color:var(--primary-color);cursor:pointer;font-size:16px;letter-spacing:.2px;margin-right:3px;padding:4px .75rem;padding:4px var(--padd-sm);text-align:center;transition:background .3s ease}.tab-active{background:#011f30;background:var(--primary-color);color:#ffc87c;color:var(--secondary-color)}.hero--code{display:flex;flex-direction:column;justify-content:space-between;width:68%}.codesnippet{-webkit-animation:fadeInRight 1s forwards;animation:fadeInRight 1s forwards;background:#00151d;border-radius:5px;border-radius:var(--border-r-md);box-shadow:10px 10px 0 0 rgba(255,0,255,.932);margin-bottom:1rem;margin-bottom:var(--padd-md);-webkit-transform:translateX(20px);transform:translateX(20px);transition:opacity .8s ease,-webkit-transform .8s ease;transition:opacity .8s ease,transform .8s ease;transition:opacity .8s ease,transform .8s ease,-webkit-transform .8s ease;width:300px}.codesnippet .codesnippet-top{border-bottom:1px solid rgba(112,158,200,.4);border-bottom:1px solid var(--tertiary-color);padding:5px 12px}.codesnippet .codesnippet-top .screen-nav{gap:.75rem;gap:var(--padd-sm)}.codesnippet-top .screen-nav .navigation{border-radius:50%;gap:5px;height:12px;height:10px;width:12px;width:10px}code{-webkit-animation:typing 1s steps(40);animation:typing 1s steps(40);margin-top:16px;max-height:300px}@-webkit-keyframes typing{0%{width:0}}@keyframes typing{0%{width:0}}.codesnippet-top .screen-nav .exit{background:#df5656;background:var(--alert-color)}.codesnippet-top .screen-nav .min{background:#448fff;background:var(--blue-color)}.codesnippet-top .screen-nav .max{background:#ffc87c;background:var(--secondary-color)}.codesnippet .lang{color:#ffc87ce5;color:var(--secondary-color-2);font-size:14px;gap:.75rem;gap:var(--padd-sm);margin-left:1rem;margin-left:var(--padd-md)}.codesnippet .lang .lang-icon{color:#ffc87ce5;color:var(--secondary-color-2);font-size:18px;font-size:12px;font-size:17px;gap:6px;margin-left:1.75rem;margin-left:var(--padd-lg)}.codesnippet .codesnippet-contents{padding:1rem;padding:var(--padd-md)}.features-content{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--padd-md);justify-content:space-between;margin-left:1.75rem;margin-left:var(--padd-lg);margin-top:1rem;margin-top:var(--padd-md)}.box{height:270px;padding:5px;width:210px}.box .box-contents{display:flex;flex-direction:column;height:100%;justify-content:space-between}.box .box-contents .icon{margin:8px}.box .box-text h2{color:#fff;color:var(--text-main);font-size:16px;font-weight:400;letter-spacing:.3px;line-height:46px;text-transform:capitalize}.box .box-text p{display:inline-block;font-size:14px;letter-spacing:.2px;width:100%}.languages{margin:1rem;margin:var(--padd-md)}.languages h1{align-items:center;display:flex;font-size:19px;justify-content:center;margin-top:1.75rem;margin-top:var(--padd-lg);width:100%}.languages .languages-body{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;gap:var(--padd-md);overflow:hidden;padding:10px}.languages .languages-body .languages-carousel{-webkit-animation:carouselTranslate 24s linear infinite alternate;animation:carouselTranslate 24s linear infinite alternate;display:flex;flex-wrap:nowrap;gap:1rem;gap:var(--padd-md)}.languages .languages-body .languages-carousel:nth-child(2n){animation:carouselTranslate 30s linear infinite reverse}@-webkit-keyframes carouselTranslate{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-780px);transform:translateX(-780px)}}@keyframes carouselTranslate{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-780px);transform:translateX(-780px)}}.languages .languages-body .languages-carousel .language{color:rgba(112,158,200,.4);color:var(--tertiary-color);font-size:2em;gap:10px;letter-spacing:.8px;line-height:56px}.h1{color:#fff;font-size:19px;font-weight:400;letter-spacing:.3px;margin-bottom:-2px}.text-span{background-image:linear-gradient(45deg,#df9745f3,#f3ec78);background-image:var(--gradient-color)}.section-head{margin-bottom:1rem;margin-bottom:var(--padd-md)}.section--contents,.section-head{-webkit-animation:fadeInUp .9s linear;animation:fadeInUp .9s linear}.section--contents{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--padd-sm);justify-content:space-between;margin:1rem 5px;margin:var(--padd-md) 5px}.section-center{align-items:center;display:flex;height:100%;justify-content:center;margin-top:1.75rem;margin-top:var(--padd-lg);width:100%}.install-card{-webkit-animation:fadeInUp .9s linear;animation:fadeInUp .9s linear;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:450px;width:450px}.install-card .card-top{background:hsla(0,0%,96%,.04);background:var(--dark-color);border-bottom:1px solid rgba(112,158,200,.4);border-bottom:1px solid var(--tertiary-color);color:#fff;color:var(--text-main);cursor:pointer;font-size:16px;padding:4px 10px}.install-card .card-top:hover{color:#ffc87c;color:var(--secondary-color)}.install-card .install-card-body{font-size:15px;padding:.75rem;padding:var(--padd-sm);transition:max-height .4s ease-in}.install-card .closed{max-height:0;overflow:hidden;padding:0}.install-card .install-card-body li{margin-bottom:8px}.install-card .install-card-body .span{color:#ffc87ce5;color:var(--secondary-color-2)}.install-card .install-card-body .span-bg{background:hsla(0,0%,96%,.04);background:var(--dark-color);border-radius:3px;border-radius:var(--border-r-sm);padding:2px 6px}.install-card .install-card-body .span-github{align-items:center;background:#011f30;background:var(--primary-color);border:1px solid rgba(112,158,200,.4);border:1px solid var(--tertiary-color);border-radius:3px;border-radius:var(--border-r-sm);color:#448fff;color:var(--blue-color);display:flex;font-size:14px;height:35px;justify-items:center;letter-spacing:-.2px;margin:8px 0;overflow:hidden;padding:2px 6px;position:relative}.install-card .install-card-body .span-github p{letter-spacing:-.5px;text-overflow:ellipsis;white-space:nowrap}.install-card .install-card-body .span-github{padding-right:30px}.install-card .install-card-body:hover img{opacity:1;visibility:visible}.install-card .install-card-body img{cursor:pointer;opacity:0;position:absolute;right:1%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:visibility 1s ease-in,opacity .4s ease-in;visibility:hidden}.copied{-webkit-filter:grayscale(100%);filter:grayscale(100%)}#bottom{align-items:center;display:flex;justify-content:center}.center{-webkit-animation:fadeInUp .9s linear;animation:fadeInUp .9s linear;flex-wrap:wrap;gap:.75rem;gap:var(--padd-sm)}.bottom-card{display:flex;flex-direction:column;height:200px;justify-content:space-between;padding:5px;width:160px}.bottom-card .icon{margin-top:5px;text-align:center;transition:box-shadow .3s ease,-webkit-transform .3s ease,-webkit-filter .3s ease;transition:transform .3s ease,filter .3s ease,box-shadow .3s ease;transition:transform .3s ease,filter .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-filter .3s ease;width:100%}.bottom-card:hover .icon-1{-webkit-animation:bounceScale .5s ease-in infinite alternate;animation:bounceScale .5s ease-in infinite alternate}.bottom-card:hover .icon-2{-webkit-animation:colorPulse 4s linear infinite;animation:colorPulse 4s linear infinite}.bottom-card:hover .icon-3{-webkit-animation:skewRotate 1s ease-in-out infinite alternate;animation:skewRotate 1s ease-in-out infinite alternate}.bottom-card:hover .icon-4{-webkit-animation:float 2s ease-in-out infinite;animation:float 2s ease-in-out infinite}@-webkit-keyframes bounceScale{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.3) rotate(15deg);transform:scale(1.3) rotate(15deg)}}@keyframes bounceScale{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.3) rotate(15deg);transform:scale(1.3) rotate(15deg)}}@-webkit-keyframes colorPulse{0%,to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn);-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes colorPulse{0%,to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn);-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes skewRotate{0%,to{-webkit-transform:perspective(800px) translateZ(0) skewX(0) rotateY(0deg);transform:perspective(800px) translateZ(0) skewX(0) rotateY(0deg)}50%{-webkit-transform:perspective(800px) translateZ(0) skewX(-10deg) rotateY(180deg);transform:perspective(800px) translateZ(0) skewX(-10deg) rotateY(180deg)}}@keyframes skewRotate{0%,to{-webkit-transform:perspective(800px) translateZ(0) skewX(0) rotateY(0deg);transform:perspective(800px) translateZ(0) skewX(0) rotateY(0deg)}50%{-webkit-transform:perspective(800px) translateZ(0) skewX(-10deg) rotateY(180deg);transform:perspective(800px) translateZ(0) skewX(-10deg) rotateY(180deg)}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.bottom-card .contents h2{color:#fff;color:var(--text-main);font-size:16px;font-weight:500;margin-top:5px;text-transform:capitalize}.bottom-card .contents p,footer{font-size:14px}footer{letter-spacing:normal;width:100%}footer:before{background:rgba(112,158,200,.4);background:var(--tertiary-color);content:"";display:block;height:1px;width:100%}.footer{align-items:flex-start;flex-direction:column;gap:5px;padding:.75rem 1rem;padding:var(--padd-sm) var(--padd-md)}.footer .footer-items{flex-wrap:wrap;justify-content:space-between}.footer .top{cursor:pointer}.footer .top,.footer .user{gap:5px}.footer .link-user:hover{color:#ffc87ce5;color:var(--secondary-color-2);-webkit-text-decoration:dotted;text-decoration:dotted}.footer .title{color:#fff;font-size:18px;text-transform:capitalize}.footer .copy{font-size:18px;font-weight:400;margin-right:5px}.footer .rights .text{text-transform:capitalize}.code{height:300px;width:100%}.code img{height:auto;object-fit:contain;width:500px}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:576px){.navbar .logo h1{font-size:1em}.navbar .nav-items .nav-link{display:none}.navbar .menu{display:block}.hero{grid-template-columns:1fr}.features-content{gap:8px;gap:var(--padd-sm)}.box{width:185px}.bottom-card{width:150px}.install-card{width:100%}.center{align-items:center;display:flex;height:100%;justify-content:center}}@media (min-width:576px) and (max-width:768px){.hero{grid-template-columns:1fr}.install-card{width:100%}.center{align-items:center;display:flex;height:100%;justify-content:center}}#installation{position:relative}.canvas{animation:rotateAnimation 20s linear infinite alternate-reverse;-webkit-filter:blur(5px);filter:blur(5px);height:70%;left:18%;position:absolute;top:18%;width:70%;z-index:-1}@-webkit-keyframes rotateAnimation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateAnimation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.4b0b9472.css.map*/