@import url(https://fonts.googleapis.com/css2?family=Matemasie&family=Open+Sans:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Matemasie&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Open+Sans:wght@300&display=swap);h1{margin-bottom:1em;text-align:center}.main_card{display:flex;flex-direction:column;padding:5px 70px}.card{align-items:center;animation:hideCard 2s linear;background:linear-gradient(130deg,purple,violet,#f98cb9);border:1px solid #000;border-radius:5px;display:flex;height:250px;justify-content:center;transform:rotateY(180deg);transition:transform .5s;width:100%}@keyframes hideCard{0%,70%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.card img{animation:hideImage 2s linear;max-height:80%;max-width:80%;transform:scale(0);transition:transform .5s}@keyframes hideImage{0%,70%{transform:scale(1)}to{transform:scale(0)}}.card.active{transform:rotateY(0)}.card.correct{background-color:#65e469}.card.wrong{background-color:#fd245a}.card.active img{transform:scale(1)}@media (max-width:768px){.main_card{display:flex;justify-content:center;padding:50px 10px}.card{height:150px}}*{box-sizing:border-box;font-family:Poppins,sans-serif}*,body{margin:0;padding:0}body{justify-content:center;overflow-x:hidden}.w-60per{width:60%}.f-c{flex-direction:column}.f-c,.f-r{display:flex}.f-r{flex-direction:row}.j-c{justify-content:center}.a-i{align-items:center}.td-n{text-decoration:none}@media (max-width:599px){.w-60per{width:90%}}.w{color:#fff;margin-bottom:10px;text-transform:capitalize}.w,.w1{font-family:Matemasie,sans-serif;font-size:50px}.w1{-webkit-text-fill-color:#0000;background:linear-gradient(-45deg,#ffae00,#7e03aa,#00fffb);-webkit-background-clip:text;font-style:normal;font-weight:400;font-weight:700}.btn{--border-color:linear-gradient(-45deg,#ffae00,#7e03aa,#00fffb);--border-width:0.125em;--curve-size:0.5em;--blur:30px;--bg:#080312;--color:#afffff;align-items:center;border:0;box-shadow:10px 10px 20px #0009;clip-path:polygon(0 var(--curve-size),var(--curve-size) 0,100% 0,100% calc(100% - var(--curve-size)),calc(100% - var(--curve-size)) 100%,0 100%);color:var(--color);cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;font-family:Matemasie,sans-serif;font-size:17px;font-weight:200;justify-content:center;margin-top:20px;padding:1.5em;position:relative;text-transform:uppercase;transition:color .25s;z-index:2}.btn:after,.btn:before{content:"";inset:0;position:absolute}.btn:before{animation:move-bg7234 5s ease infinite;background:var(--border-color);background-size:300% 300%;z-index:-2}@keyframes move-bg7234{0%{background-position:31% 0}50%{background-position:70% 100%}to{background-position:31% 0}}.btn:after{background:var(--bg);clip-path:polygon(var(--border-width) calc(var(--curve-size) + var(--border-width)*.5),calc(var(--curve-size) + var(--border-width)*.5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - var(--curve-size) - var(--border-width)*.5),calc(100% - var(--curve-size) - var(--border-width)*.5) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)));transition:clip-path .5s;z-index:-2}.btn:where(:hover,:focus):after{clip-path:polygon(calc(100% - var(--border-width)) calc(100% - var(--curve-size) - var(--border-width)*.5),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - var(--curve-size) - var(--border-width)*.5),calc(100% - var(--curve-size) - var(--border-width)*.5) calc(100% - var(--border-width)),calc(100% - var(--curve-size) - var(--border-width)*.5) calc(100% - var(--border-width)));transition:.2s}.btn:where(:hover,:focus){color:#fff}@keyframes gradientAnimation{0%{background-position:0 50%}to{background-position:100% 50%}}.fluid-gradient{flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2}.dashboard-container,.fluid-gradient{align-items:center;display:flex;justify-content:center}.dashboard-container{animation:backgroundAnimation 10s ease infinite;background-size:200% 200%;height:100vh}.signup-count{animation:riseUp 2s ease-out;color:#4a90e2;font-size:60px;font-weight:700}@keyframes riseUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes backgroundAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.faq-button{align-items:center;background-clip:padding-box;background-image:linear-gradient(145deg,#4b008280,#9400d3cc);border:2px solid #9400d380;border-radius:50%;box-shadow:0 0 10px #9400d3b3;box-shadow:0 10px 10px rgba(0,0,0,.151);cursor:pointer;display:flex;height:70px;justify-content:center;position:relative;width:70px}.faq-button svg{fill:#fff;height:1.5em}.faq-button:hover svg{animation:jello-vertical .7s both}@keyframes jello-vertical{0%{transform:scaleX(1)}30%{transform:scale3d(.75,1.25,1)}40%{transform:scale3d(1.25,.75,1)}50%{transform:scale3d(.85,1.15,1)}65%{transform:scale3d(1.05,.95,1)}75%{transform:scale3d(.95,1.05,1)}to{transform:scaleX(1)}}.tooltip{align-items:center;background-color:#80008099;background-image:linear-gradient(147deg,#ba55d399,#80008099 74%);border-radius:5px;color:#fff;display:flex;justify-content:center;letter-spacing:.5px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;top:-20px;transition-duration:.2s}.tooltip:before{background-color:purple;background-position:50%;background-size:1000%;bottom:-15%;content:"";height:10px;position:absolute;transform:rotate(45deg);transition-duration:.3s;width:10px}.faq-button:hover .tooltip{opacity:1;top:-40px;transition-duration:.3s}.container{--uib-size:150px;--uib-speed:1.2s;--uib-dot-size:calc(var(--uib-size)*0.1);align-items:center;display:flex;height:calc(var(--uib-size)*.64);justify-content:flex-start;position:relative;width:calc(var(--uib-size)*.64)}@keyframes jump{0%,to{transform:translateY(120%)}50%{transform:translateY(-120%)}}.dot{--uib-d1:-0.48;--uib-d2:-0.4;--uib-d3:-0.32;--uib-d4:-0.24;--uib-d5:-0.16;--uib-d6:-0.08;--uib-d7:-0;align-items:center;animation:jump var(--uib-speed) ease-in-out infinite;backface-visibility:hidden;bottom:calc(var(--uib-bottom) + var(--uib-dot-size)/2);display:flex;height:var(--uib-dot-size);justify-content:flex-start;opacity:var(--uib-scale);position:absolute;right:calc(var(--uib-right) + var(--uib-dot-size)/2);width:var(--uib-dot-size);will-change:transform}.dot:before{background-color:var(--uib-color);border-radius:50%;content:"";height:100%;transform:scale(var(--uib-scale));transition:background-color .3s ease;width:100%}.dot:first-child{--uib-bottom:24%;--uib-right:-35%;animation-delay:calc(var(--uib-speed)*var(--uib-d1))}.dot:nth-child(2){--uib-bottom:16%;--uib-right:-6%;animation-delay:calc(var(--uib-speed)*var(--uib-d2))}.dot:nth-child(3){--uib-bottom:8%;--uib-right:23%;animation-delay:calc(var(--uib-speed)*var(--uib-d3))}.dot:nth-child(4){--uib-bottom:-1%;--uib-right:51%;animation-delay:calc(var(--uib-speed)*var(--uib-d4))}.dot:nth-child(5){--uib-bottom:38%;--uib-right:-17.5%;animation-delay:calc(var(--uib-speed)*var(--uib-d2))}.dot:nth-child(6){--uib-bottom:30%;--uib-right:10%;animation-delay:calc(var(--uib-speed)*var(--uib-d3))}.dot:nth-child(7){--uib-bottom:22%;--uib-right:39%;animation-delay:calc(var(--uib-speed)*var(--uib-d4))}.dot:nth-child(8){--uib-bottom:14%;--uib-right:67%;animation-delay:calc(var(--uib-speed)*var(--uib-d5))}.dot:nth-child(9){--uib-bottom:53%;--uib-right:-0.8%;animation-delay:calc(var(--uib-speed)*var(--uib-d3))}.dot:nth-child(10){--uib-bottom:44.5%;--uib-right:27%;animation-delay:calc(var(--uib-speed)*var(--uib-d4))}.dot:nth-child(11){--uib-bottom:36%;--uib-right:55.7%;animation-delay:calc(var(--uib-speed)*var(--uib-d5))}.dot:nth-child(12){--uib-bottom:28.7%;--uib-right:84.3%;animation-delay:calc(var(--uib-speed)*var(--uib-d6))}.dot:nth-child(13){--uib-bottom:66.8%;--uib-right:15%;animation-delay:calc(var(--uib-speed)*var(--uib-d4))}.dot:nth-child(14){--uib-bottom:58.8%;--uib-right:43%;animation-delay:calc(var(--uib-speed)*var(--uib-d5))}.dot:nth-child(15){--uib-bottom:50%;--uib-right:72%;animation-delay:calc(var(--uib-speed)*var(--uib-d6))}.dot:nth-child(16){--uib-bottom:42%;--uib-right:100%;animation-delay:calc(var(--uib-speed)*var(--uib-d7))}.dot:nth-child(3){--uib-scale:0.98}.dot:nth-child(2),.dot:nth-child(8){--uib-scale:0.96}.dot:first-child,.dot:nth-child(7){--uib-scale:0.94}.dot:nth-child(12),.dot:nth-child(6){--uib-scale:0.92}.dot:nth-child(11),.dot:nth-child(5){--uib-scale:0.9}.dot:nth-child(10),.dot:nth-child(16){--uib-scale:0.88}.dot:nth-child(15),.dot:nth-child(9){--uib-scale:0.86}.dot:nth-child(14){--uib-scale:0.84}.dot:nth-child(13){--uib-scale:0.82}.dot:first-child{--uib-color:#334dff}.dot:nth-child(2){--uib-color:#3348ff}.dot:nth-child(3){--uib-color:#3343ff}.dot:nth-child(4){--uib-color:#333eff}.dot:nth-child(5){--uib-color:#3339ff}.dot:nth-child(6){--uib-color:#3334ff}.dot:nth-child(7){--uib-color:#43f}.dot:nth-child(8){--uib-color:#53f}.dot:nth-child(9){--uib-color:#63f}.dot:nth-child(10){--uib-color:#73f}.dot:nth-child(11){--uib-color:#83f}.dot:nth-child(12){--uib-color:#93f}.dot:nth-child(13){--uib-color:#a433ff}.dot:nth-child(14){--uib-color:#af33ff}.dot:nth-child(15){--uib-color:#ba33ff}.dot:nth-child(16){--uib-color:#c533ff}.SG_btn{align-items:center;background:#1c1a1c;border:none;border-radius:3em;cursor:pointer;display:flex;gap:12px;height:5em;justify-content:center;transition:all .45s ease-in-out;width:15em}.SG_sparkle{fill:#aaa;transition:all .8s ease}.SG_text{color:#aaa;font-size:medium;font-weight:600}.SG_btn:hover{background:linear-gradient(0deg,#a47cf3,#683fea);box-shadow:inset 0 1px 0 0 #fff6,inset 0 -4px 0 0 #0003,0 0 0 4px #fff3,0 0 180px 0 #9917ff;transform:translateY(-2px)}.SG_btn:hover .SG_text{color:#fff}.SG_btn:hover .SG_sparkle{fill:#fff;transform:scale(1.2)}.form-container{background:linear-gradient(#212121,#212121) padding-box,linear-gradient(145deg,#0000 35%,#e81cff,#40c9ff) border-box;border:2px solid #0000;border-radius:16px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:inherit;font-size:14px;gap:20px;padding:32px 24px;width:350px}.form-container button:active{scale:.95}.form-container .form{display:flex;flex-direction:column;gap:20px}.form-container .form-group{display:flex;flex-direction:column;gap:2px}.form-container .form-group label{color:#717171;display:block;font-size:12px;font-weight:600;margin-bottom:5px}.form-container .form-group input,.form-container .form-group textarea{background-color:initial;border:1px solid #414141;border-radius:8px;color:#fff;font-family:inherit;padding:12px 16px;width:100%}.form-container .form-group textarea{height:96px;resize:none}.form-container .form-group input::placeholder{opacity:.5}.form-container .form-group input:focus,.form-container .form-group textarea:focus{border-color:#e81cff;outline:none}.form-container .form-submit-btn{align-items:flex-start;align-self:flex-start;background:#313131;border:1px solid #414141;border-radius:6px;color:#717171;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:12px 16px;width:40%}.form-container .form-submit-btn:hover{background-color:#fff;border-color:#fff}ul{list-style:none}.example-1{align-items:center;background-clip:padding-box;background-color:#000;border:2px solid #0000;border-radius:30px;box-shadow:0 0 20px #000000b3;box-shadow:0 0 20px #c40ba299,0 0 30px #8000ff99;display:flex;font-weight:bolder;height:70px;justify-content:center;padding:20px;width:300px}.example-1 .icon-content{font-weight:bolder;margin:0 10px;position:relative}.example-1 .icon-content .tooltip{background-color:#fff;border-radius:5px;color:#000;font-size:14px;font-weight:bolder;left:50%;opacity:0;padding:6px 10px;position:absolute;top:-30px;transform:translateX(-50%);transition:all .3s ease;visibility:hidden}.example-1 .icon-content:hover .tooltip{opacity:1;top:-50px;visibility:visible}.example-1 .icon-content .link{align-items:center;background-color:#000;border-radius:50%;color:#fff;display:flex;font-weight:bolder;height:50px;justify-content:center;transition:all .3s ease-in-out;width:50px}.example-1 .icon-content .link:hover{box-shadow:3px 2px 45px 0 #0000001f}.example-1 .icon-content .link svg{fill:#fff;height:30px;width:30px}.example-1 .icon-content .link[data-social=spotify]:hover{color:#1db954}.example-1 .icon-content .link[data-social=pinterest]:hover{color:#bd081c}.example-1 .icon-content .link[data-social=dribbble]:hover{color:#ea4c89}.example-1 .icon-content .link[data-social=telegram]:hover{color:#08c}.fitCard{background-color:#000;border-radius:10px;box-shadow:0 0 20px violet;font-family:Arial,sans-serif;margin:10px;padding:20px;width:300px}.user-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.username{color:violet;font-size:18px;font-weight:700}.content-container{display:flex;flex-direction:column;gap:20px}.steps-container{align-items:center;display:flex;flex-direction:column}.steps-svg{margin-bottom:10px}.steps-text{color:violet;font-size:20px;font-weight:700}.info-container{display:flex;gap:10px;justify-content:space-between}.bpm-container,.sleep-container{align-items:center;display:flex;flex-direction:column}.group{cursor:pointer}.group-hover-icon{transition:transform .3s ease}.group-hover-text{color:#fff;font-size:14px;margin-top:5px}.group:hover .group-hover-icon{transform:scale(1.1)}.calories-mood-container{display:flex;gap:10px;justify-content:space-between;margin-top:20px}.calories-container,.mood-container{align-items:center;display:flex;flex-direction:column}.polo{display:flex;flex-direction:row}@media (max-width:599px){.polo{display:flex;flex-direction:column}}
/*# sourceMappingURL=main.bb2556ae.css.map*/