.main-container{overflow:hidden}.hero-container{padding:var(--pasding-desktop);background:linear-gradient(#0006,#000000b3),url(/assets/books-N61MnMER.jpg);color:var(--color-white);min-height:30vh;background-repeat:no-repeat;background-size:cover;background-position:center;padding:var(--padding-desktop);display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:200px}.hero-container h1{font-size:45px;font-family:Roboto;text-transform:capitalize}.hero-container h1:focus{outline:none;border:2px solid var(--color-blue);padding:3px;border-radius:5px}.hero-container h1 span{color:var(--color-orange)}.hero-container p{margin-top:20px;font-family:Open Sans}.hero-container p:focus{outline:none;border:2px solid var(--color-blue);padding:3px;border-radius:5px}.hero-container button{width:max-content;padding:10px 25px;color:var(--color-white);background:var(--color-orange);border:none;border-radius:30px;font-family:Roboto;font-size:24px;margin:20px 0;display:flex;justify-content:space-between;align-items:center}.hero-container button:focus{outline:none;border:2px solid var(--color-blue)}.hero-container button i{margin-left:15px}.hero-info-container{width:50%}.wave-1{margin-top:-260px}.img-container{background:url(/assets/lp-img-7cOSN2E5.jpg);background-size:cover;background-position:center;width:450px;height:400px;position:relative;border-radius:15px 0 0 15px;box-shadow:var(--box-shadow-orange);right:-65px}.img-container :focus{outline:none;border:2px solid var(--color-blue);border-radius:5px}.features-container{background:var(--color-orange);padding:var(--padding-desktop);margin-top:-10px}.features-container h1{font-family:Roboto;color:var(--color-white);margin-bottom:50px;font-size:28px}.features-container h1:focus{outline:none;border:2px solid var(--color-blue);border-radius:5px;padding:5px}.cards-container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.wave-2{margin-top:-10px}.info-m-container{display:flex;justify-content:space-between;align-items:center;width:100%;margin:50px 0}.info-container h1{font-size:45px;font-family:Pacifico;margin-bottom:20px}.info-container h1:focus{outline:none;border:2px solid var(--color-blue);border-radius:5px;padding:5px}.info-container h1 span{color:var(--color-orange)}.info-container p{font-family:Open Sans}.info-container p:focus{outline:none;border:2px solid var(--color-blue);border-radius:5px;padding:5px}.info-container{width:50%;text-align:center;padding:var(--padding-desktop)}.img-2-container{box-shadow:var(--box-shadow-orange);padding:20px;border-radius:0 15px 15px 0;width:45%;height:300px;background:url(/assets/books-N61MnMER.jpg);background-size:cover;background-position:center}.img-2-container:focus{outline:none;border:2px solid var(--color-blue);border-radius:5px}.testimonials-container{padding:var(--padding-desktop)}.testimonials-container h1{font-size:35px;font-family:Roboto;margin-bottom:30px}.testimonials-container h1:focus{outline:none;border:2px solid var(--color-blue);border-radius:5px;padding:5px}.testimonial{padding:25px 15px;border-radius:8px;box-shadow:var(--box-shadow-orange);text-align:center;width:280px;margin:20px}.testimonial i{font-size:35px;margin-bottom:20px;background:var(--color-orange);padding:20px;border-radius:50%;color:var(--color-white)}.testimonial:nth-child(1) i{background:var(--color-red)}.testimonial:nth-child(2) i{background:var(--color-green)}.testimonial:nth-child(3) i{background:var(--color-blue)}.testimonial p{font-family:Open Sans}.testimonial p:focus{outline:none;border:2px solid var(--color-blue);border-radius:5px;padding:5px}.t-container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}@media (max-width: 750px){.hero-container{padding:var(--padding-mobile);flex-direction:column}.cards-container{flex-direction:column;flex-wrap:no-wrap}.hero-info-container{width:100%;padding-bottom:100px}.img-container{width:320px;height:250px;margin-top:-50px;margin-bottom:50px;right:-25px}.wave-1{margin-top:-100px}.features-container{padding:var(--padding-mobile)}.info-m-container{flex-wrap:wrap}.img-2-container{width:60%}.info-container{width:100%;padding:var(--padding-mobile)}.testimonials-container{padding:var(--padding-mobile)}.testimonial{margin:0 0 30px}}.card-container{width:250px;min-height:280px;background:var(--color-white);border-radius:15px;text-align:center;box-shadow:var(--box-shadow-black);background:var(--color-light-orange);overflow:hidden;margin:30px}.card-header{padding:20px 25px;background:var(--color-white);font-family:Roboto;border-radius:15px}.card-header i{font-size:35px;margin:0 auto}.card-header h1{color:var(--color-black);margin:15px auto 0}.card-header h1:focus{outline:none;border:2px solid var(--color-blue);border-radius:5px}.card-info{font-family:Open Sans;padding:20px}.card-info p:focus{outline:none;border:2px solid var(--color-blue);border-radius:5px;padding:3px}@media (max-width: 750px){.card-container{width:300px;position:relative;margin:5px 5px 30px}}.form-img-container{width:50%;min-height:400px;background:linear-gradient(#0000004d,#0009),url(/assets/books-N61MnMER.jpg);background-size:cover;background-position:center;border-radius:15px;display:flex;justify-content:center;align-items:center;padding:20px;text-align:center}.login-txt{text-align:left;margin:10px auto;width:80%;font-family:Open Sans;position:relative;left:-15px}.form-auth-container{display:flex;justify-content:center;align-items:center}.form-container{width:80%;min-height:400px;box-shadow:var(--box-shadow-black);margin:50px 0;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.form-img-container{width:50%;min-height:400px;background:linear-gradient(#0000004d,#0009),url(/assets/books-N61MnMER.jpg);background-size:cover;background-position:center;border-radius:15px;display:flex;justify-content:center;align-items:center;padding:20px;text-align:center}.form-img-container h1{font-family:Syne;font-size:38px;text-transform:uppercase;color:var(--color-white)}.form-img-container span{color:var(--color-orange)}.main-form-container{width:50%;text-align:center;padding:10px}.main-form-container h1{font-family:Roboto;text-transform:uppercase;margin-bottom:10px;font-size:30px}.main-form-container p{font-family:Opem Sans;margin-bottom:15px;color:var(--color-orange);opacity:.5}.form-fields-container input{width:80%;padding:15px 20px;border:none;outline:none;border-radius:5px;background:var(--color-light-grey);margin:10px 0;font-family:Roboto}.form-fields-container button{width:80%;padding:15px 20px;border:none;outline:none;border-radius:25px;background:var(--color-orange);margin:10px 0;font-family:Roboto;color:var(--color-white);font-weight:800;text-transform:uppercase}.login-txt{text-align:left;margin:10px auto;width:80%;position:relative;left:-15px;font-family:Open Sans}.login-txt p a{opacity:1}@media (max-width: 750px){.form-auth-container{flex-direction:column}.form-img-container{width:100%;border-radius:0;position:relative}.main-form-container{width:100%;padding-top:50px;border-radius:15px;position:relative;top:-100px;background:var(--color-white)}.form-container{box-shadow:none;margin:0;flex-direction:column;width:100%}}.userprofile-img-container{width:120px;height:120px;margin:auto 15px auto 10px;border-radius:5px;background:url(/assets/books-N61MnMER.jpg);background-size:cover;background-position:center}.cmp-nav-container_closed{width:50px;background:var(--color-orange);box-shadow:var(--box-shadow-orange);padding:20px 15px;position:fixed;overflow:hidden;text-align:center;transition:.3s;margin:40px 20px;z-index:5;border-radius:5px;min-height:500px}.mb-nav-container{background:var(--color-orange);box-shadow:var(--box-shadow-black);position:sticky;top:0;padding:20px 15px}.cmp-nav-container_open{min-width:180px;background:var(--color-orange);box-shadow:var(--box-shadow-orange);padding:20px 10px;position:fixed;overflow:hidden;transition:.3s;margin-top:40px;z-index:5;left:20px;border-radius:5px;height:500px}.link h1{font-family:Pacifico;color:var(--color-white);text-transform:uppercase;font-size:20px}.cmp-nav-container_closed .link h1{display:none}.cmp-nav-container_closed .link{justify-content:center}.link i{color:var(--color-white);font-size:28px}.link{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-radius:8px;margin:20px 0;transition:.3s;position:relative}.link:hover{background:var(--color-dark-orange)}.link:nth-child(1):after{position:absolute;height:3px;width:115.1%;background:var(--color-white);content:"";left:-10%;top:55px}.alink{position:absolute;bottom:30px;left:0;width:100%}.alink .link{margin:10px}.alink .link:nth-child(1):after{display:none}.task-manager-container{background:var(--color-light-teal);padding:18px;border-radius:15px;margin-top:20px;min-height:150px}.task-manager-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.task-manager-container h1{color:var(--color-teal);font-family:Roboto;text-transform:capitalize}.main-task-container{background:var(--color-white);padding:10px;border-radius:8px;margin:12px}.main-task-container h2{color:var(--color-black);margin-bottom:15px;text-transform:capitalize;font-family:Open Sans}.main-task-container p{font-family:Open Sans}.main-task-container p i{margin-left:5px}.utils-container{display:flex;justify-content:space-between;align-items:center;color:var(--color-dark-grey)}.icons i{margin:0 10px;opacity:.5;color:var(--color-black);cursor:pointer}.icons i:hover{opacity:1}.icons i:nth-child(2){color:var(--color-red)}.icons i:nth-child(3){color:var(--color-green)}.userprofile-card{padding:8px 4px;border-radius:8px;box-shadow:var(--box-shadow-black);font-family:Roboto;display:flex;align-items:center;margin-top:30px;margin-bottom:10px}.userprofile-img-container{width:120px;height:120px;margin:auto 15px auto 10px;border-radius:5px;background:url(/assets/books-N61MnMER.jpg);background-size:cover;background-position:center}.chart-container{min-width:100%;padding:30px 0}.goals-tracker{background:var(--color-light-teal);padding:20px 10px;border-radius:15px}.goals-tracker h1{font-family:Roboto;color:var(--color-black)}.tracker-bar{height:5px;width:100%;border-radius:15px;background:var(--color-white);margin-top:20px}.tracker-thumb{width:30%;height:5px;border-radius:15px;background:var(--color-green)}.gt-header{display:flex;justify-content:space-between;align-items:center}.gt-header p{font-family:Open Sans}.goal-manager-container{background:#7dd3fc;padding:18px;border-radius:15px;margin-top:20px;min-height:150px}.tasks-container{display:flex;justify-content:center;align-items:center;padding:20px 0}.goal-manager-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.goal-manager-container h1{color:var(--color-blue);font-family:Roboto;text-transform:capitalize}.tasks-container p{font-family:Open Sans}.add-task-btn{background:var(--color-white);font-size:20px;padding:10px;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.userprofile-img-container{width:120px;height:120px;margin:auto 15px auto 10px;border-radius:5px;background:url(/assets/books-N61MnMER.jpg);background-size:cover;background-position:center}.search-tag{padding:20px 10px;display:flex;justify-content:center;align-items:center;flex-direction:column}.search-tag h1{font-family:Open Sans;color:var(--color-orange)}.search-field-container{display:flex;align-items:center;justify-content:center}.search-field-container input{padding:8px 12px;border-radius:5px;border:1px solid var(--color-light-grey);font-size:18px;min-width:100%;background:var(--color-light-grey);font-family:Open Sans;margin:30px;outline:none}.search-btn{width:max-content;padding:8px 20px;border-radius:5px;background:var(--color-orange);color:var(--color-white);font-family:Roboto;cursor:pointer;box-shadow:var(--box-shadow-black)}.results-container{padding:20px;border-radius:5px;box-shadow:var(--box-shadow-black)}.results-header{font-family:Roboto;background:var(--color-orange);color:var(--color-white);padding:8px;border-radius:5px;text-transform:uppercase;margin-bottom:15px}.results-gotten-container{background:var(--color-light-grey);min-height:200px;border-radius:5px;padding:10px}.results-gotten-container p{font-family:Open Sans}.groups{display:flex;align-items:center;margin-top:20px;justify-content:space-between}.groups .results-container:nth-child(1){width:30%;margin-right:20px}.groups .results-container:nth-child(2){width:60%}.dashboard-main-container{display:flex;align-items:flex-start;justify-content:space-around;position:relative}.dnav-container{min-height:90%;position:relative;width:max-content;margin-right:60px}.userprofile-card{padding:8px 4px;border-radius:8px;box-shadow:var(--box-shadow-black);font-family:Roboto;display:flex;align-items:center;margin-top:30px}.userprofile-info-container h2{margin-bottom:18px;text-transform:uppercase}.userprofile-info-container h3{margin-bottom:8px;text-transform:uppercase;opacity:.8}.userprofile-info-container h4{margin-bottom:8px;text-transform:uppercase;opacity:.5}.userprofile-info-container p{font-family:Open Sans;text-transform:uppercase}.user-info-card h1{font-family:Pacifico;text-transform:uppercase}.userprofile-img-container{width:120px;height:120px;margin:auto 15px auto 10px;border-radius:5px;background:url(/assets/books-N61MnMER.jpg);background-size:cover;background-position:center}.main-user-info-container{padding:var(--padding-desktop);width:80%}.main-user-info-container-a{padding:var(--padding-desktop);width:65%}.dcards-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.dcard-container{width:250px;min-height:150px;background:var(--color-white);border-radius:15px;text-align:center;box-shadow:var(--box-shadow-black);background:var(--color-light-orange);overflow:hidden;margin:30px 0;padding:10px;text-align:left}.dcard-container h1{font-family:Roboto;color:var(--color-white);text-transform:uppercase}.dcard-container p{font-family:Open Sans;color:var(--color-white);margin:10px 0}.dcard-container .stats p{font-weight:800}.dcard-container p i{margin-right:10px}.stats{display:flex;justify-content:space-between;align-items:center}.dcard-container:nth-child(2){min-height:150px;background:var(--color-white);border-radius:15px;text-align:center;box-shadow:var(--box-shadow-green);background:var(--color-green);overflow:hidden;margin:0 10px;text-align:left}.dcard-container:nth-child(3){min-height:150px;background:var(--color-white);border-radius:15px;text-align:center;box-shadow:var(--box-shadow-red);background:var(--color-red);overflow:hidden;text-align:left}.chart-container{min-width:100%}.chart-container-a{min-width:65%}@media (max-width: 750px){.dashboard-main-container{display:block}.main-user-info-container{padding:20px 10px;width:94%;margin:0 auto}.dcard-container{width:300px}.dcard-container:nth-child(2){margin:0}.chart-container{margin:20px 0}.userprofile-card{justify-content:space-between}.userprofile-img-container{width:160px;height:80px}}.main-nav-container{box-shadow:var(--box-shadow-black);display:flex;justify-content:space-between;align-items:center;padding:20px 65px;position:sticky;top:0;z-index:4;background:var(--color-white)}.logo-container:focus{outline:none;border:2px solid var(--color-blue)}.logo-container h1{color:var(--color-white);font-family:Pacifico;text-transform:capitalize;position:relative}.logo-container h1 span:nth-child(1){position:relative;top:-10px}.logo-container{background:var(--color-orange);width:max-content;padding:8px 25px;display:flex;justify-content:center;align-items:center;width:60px;height:80px;border-radius:61% 39% 56% 44%/44% 61% 39% 56%;animation:morph 3s linear infinite}.nav-links-container{display:flex;justify-content:center;align-items:center}.nav-links-container h3{color:var(--color-orange);font-family:Roboto;opacity:.5;margin:0 8px;transition:.3s;cursor:pointer;padding:3px;border-radius:5px}.nav-links-container h3:hover{opacity:1}.navLink:focus{outline:none;border:2px solid var(--color-blue);padding:3px;border-radius:5px}.auth-container .navLink button{padding:12px 18px;width:max-content;border-radius:5px;border:none;outline:none;margin:0 10px;font-family:Roboto;background:var(--color-green);color:var(--color-white);box-shadow:var(--box-shadow-green);text-transform:uppercase}.auth-container button i{margin-left:8px}.auth-container .navLink:nth-child(1) button{background:var(--color-red);box-shadow:var(--box-shadow-red)}.auth-container .navLink button:focus{outline:none;border:2px solid var(--color-blue);border-radius:5px}.ham_parent_container{width:40px;height:40px;display:none;position:relative;z-index:3;left:35px}.ham{width:40px;height:5px;border-radius:8px;background:var(--color-white);position:relative;top:15px;transition:.8s;left:-10px}.ham:before{width:50px;height:5px;content:"";border-radius:8px;background:var(--color-white);position:absolute;top:-13px;left:-10px;transition:.3s}.ham:after{width:30px;height:5px;content:"";border-radius:8px;background:var(--color-white);position:absolute;top:13px;right:0;transition:.3s}.ham_open{width:30px;height:5px;border-radius:8px;background:transparent;position:relative;top:15px;left:-10px;transition:.8s;transform:rotate(310deg)}.ham_open:before{width:50px;height:5px;content:"";border-radius:8px;background:var(--color-white);position:absolute;top:0;left:-10px;transform:rotate(90deg);transition:.3s}.ham_open:after{width:50px;height:5px;content:"";border-radius:8px;background:var(--color-white);position:absolute;top:0;left:-10px;transition:.3s}@media (max-width: 750px){.logo-container{padding:18px;width:40px;height:40px;margin-left:-40px}.main-nav-container{padding:10px 45px;background:var(--color-orange)}.nav-links-container,.auth-container{display:none}.ham_parent_container{display:flex;align-content:center}}.fn-main-container{background:var(--color-black);color:var(--color-white);padding:var(--padding-desktop)}.fn-main-container hr{margin:15px auto;width:70%}.fn-info-container{display:flex;justify-content:space-between;align-items:center}@keyframes morph{0%,to{border-radius:70% 30% 41% 59%/47% 73% 27% 53%}34%{border-radius:70% 30% 41% 59%/29% 45% 55% 71%}60%{border-radius:55% 45% 56% 44%/57% 23% 77% 43%}80%{border-radius:55% 45% 39% 61%/25% 50% 50% 75%}}.fn-logo-container h1{color:var(--color-white);font-family:Pacifico;text-transform:capitalize;position:relative}.fn-logo-container:focus{outline:none;border:2px solid var(--color-blue);border-radius:5px}.fn-logo-container h1 span:nth-child(1){position:relative;top:-10px}.fn-logo-container{background:var(--color-orange);width:max-content;padding:8px 25px;display:flex;justify-content:center;align-items:center;width:60px;height:80px;border-radius:61% 39% 56% 44%/44% 61% 39% 56%;animation:morph 3s linear infinite}.fn-links-container{text-align:left}.fn-links-container h1{font-family:Roboto;text-transform:uppercase;color:var(--color-orange);margin-bottom:20px}.fn-links-container h1:focus{outline:none;border:2px solid var(--color-blue);border-radius:5px}.fn-links-container h3{font-family:Open Sans;text-transform:uppercase;cursor:pointer;text-decoration:underline;margin-bottom:5px}.fn-links-container h3:focus{outline:none;border:2px solid var(--color-blue);border-radius:5px}.tc-container{font-family:Pacifico;text-align:center}.tc-container p:focus{outline:none;border:2px solid var(--color-blue);border-radius:5px}@media (max-width: 750px){.fn-main-container{padding:var(--padding-mobile)}}.mm-main-container{width:100%;height:100vh;background:#0000004d;position:fixed;top:0;display:flex;justify-content:center;align-items:center;z-index:3}.mm-info-container{width:320px;min-height:400px;border-radius:5px;background:var(--color-white);padding:28px 10px;position:relative}.mm-info-container-nav h3{color:var(--color-black);font-family:Roboto;margin:0 8px 30px;transition:.3s;cursor:pointer;text-transform:uppercase;font-weight:400;padding:10px 15px;background:var(--color-light-orange);border-radius:8px}.mm-auth-container{display:flex;width:90%;justify-content:space-around;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.mm-auth-container button{padding:12px 18px;width:max-content;border-radius:5px;border:none;outline:none;margin:0 10px;font-family:Roboto;background:var(--color-green);color:var(--color-white);box-shadow:var(--box-shadow-green);text-transform:uppercase}.mm-auth-container button i{margin-left:8px}.mm-auth-container button:nth-child(1){background:var(--color-red);box-shadow:var(--box-shadow-red)}:root{--padding-desktop: 40px 65px;--padding-mobile: 40px 25px;--color-orange: #f97316;--box-shadow-orange: 0 5px 12px rgba(249, 115, 22, .5);--color-green: #22c55e;--box-shadow-green: 0 5px 12px rgba(34, 197, 94, .5);--color-red: #ef4444;--box-shadow-red: 0 5px 12px rgba(239, 68, 68, .5);--color-blue: #0ea5e9;--box-shadow-blue: 0 5px 12px rgba(14, 165, 233, .3);--box-shadow-black: 0 3px 12px rgba(0, 0, 0, .1);--color-slate-accent: #f1f5f9;--color-white: #fff;--color-black: #000;--color-slate: #e2e8f0;--color-dark-grey: #6b7280;--color-light-green: #4ade80;--color-light-teal: #bbf7d0;--color-teal: #22c55e;--color-light-blue: #7dd3fc;--color-light-grey: #f3f4f6;--color-grey: #d1d5db;--color-light-orange: #fb923c;--color-dark-orange: #ea580c}*{margin:0;padding:0}