.header-logo{place-self:center;cursor:pointer;-webkit-box-reflect:below -20px linear-gradient(transparent,rgba(0,0,0,.2));font-size:40px;border-bottom:solid 6px #07bd07;border-bottom-style:inset}.header-logo span{display:inline-block;animation-duration:1s;animation-iteration-count:infinite}.header-logo span:first-child{animation-delay:.1s}.header-logo span:nth-child(2){animation-delay:.2s}.header-logo span:nth-child(3){animation-delay:.3s}.header-logo span:nth-child(4){animation-delay:.4s}.header-logo span:nth-child(5){animation-delay:.5s}.header-logo span:nth-child(6){animation-delay:.6s}.header-logo span:nth-child(7){animation-delay:.7s}.header-logo:hover span{animation-name:jumpy-letters}@media screen and (max-width: 1024px){.header-logo{margin-bottom:10px}}@media screen and (max-width: 400px){.header-logo{font-size:26px;border-bottom:solid 5px #07bd07;margin-bottom:5px}}.header{grid-template-columns:auto 1fr auto;gap:20px;padding:10px 40px;align-items:center;background-color:#212020;color:#fff;border-bottom:solid 1px #17a4a4}.header-nav{justify-items:end;margin-right:20px}.header-nav-list{grid-template-columns:repeat(4,auto);place-items:center;gap:30px;font-size:26px;font-weight:700}.header-profile{height:60px;width:60px;border:solid 1px #28a745;border-radius:9999px;place-content:center;background-color:#28a745;transition:background-color .3s ease,box-shadow .3s ease}.header-profile:hover{cursor:pointer;background-color:#218838;box-shadow:0 0 10px #ffffffb3,0 0 20px #ffffff80}.inactive-link,.active-link{cursor:pointer;text-decoration:none}.inactive-link{color:#fff;background-image:linear-gradient(#07bd07,#07bd07);background-size:0% .17em;background-position-y:100%;background-position-x:100%;background-repeat:no-repeat;transition:background-size .2s ease-in-out}.inactive-link:hover,.inactive-link:focus,.inactive-link:active{background-size:100% .17em;background-position-x:0%}.active_link{color:#07bd07;background-image:linear-gradient(#07bd07,#07bd07);background-size:100% .17em;background-position-x:0%;background-position-y:100%;background-repeat:no-repeat}.menu-icon{display:none;cursor:pointer;justify-self:center}.bar{width:25px;height:3px;background-color:#fff;margin:5px auto;transition:.4s}.open .bar:nth-child(1){transform:translateY(8px) rotate(-45deg)}.open .bar:nth-child(2){opacity:0}.open .bar:nth-child(3){transform:translateY(-8px) rotate(45deg)}@media screen and (max-width: 1024px){.header{padding:10px 20px}.header-nav{margin-right:0}.header-nav-list{font-size:20px;gap:20px}.header-profile{height:50px;width:50px;font-size:14px}}@media screen and (max-width: 850px){.header-nav-list{font-size:17px;gap:15px}}@media screen and (max-width: 768px){.menu-icon{display:block}.header{grid-template-columns:1fr;justify-items:center;gap:10px;padding:20px}.header-nav{grid-auto-flow:row;justify-content:center;overflow:hidden;max-height:0;margin:0;transition:max-height .3s ease-out}.header-profile{display:none}.header-nav.open{max-height:200px}.header-nav-list{grid-template-columns:1fr;grid-auto-flow:row;gap:10px;font-size:20px}.header-profile{background:none;border-radius:6px;padding:3px 18px;height:auto;width:auto}}@media screen and (max-width: 376px){.header{gap:5px;padding:10px 40px}}.home-cover-menu{width:100vw;height:100vh;color:#fff;place-content:center;gap:150px;padding:20px;font-size:80px;font-weight:700;text-align:center;text-shadow:1px 1px 2px black;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e,#6a3093);background-size:400% 400%;animation:gradientAnimation 14s ease infinite}@keyframes gradientAnimation{0%{background-position:0% 50%}25%{background-position:50% 50%}50%{background-position:100% 50%}75%{background-position:50% 50%}to{background-position:0% 50%}}.home-cover-menu>p>span{text-decoration:underline #07bd07;text-underline-offset:12px;text-decoration-skip-ink:none;font-size:.8em}.click-to-start{text-transform:uppercase;font-size:24px;letter-spacing:2px;padding:10px 40px;background-color:#11032a;border:none;border-radius:50px;color:#fff;box-shadow:0 0 10px #ffffff4d,0 0 20px #fff3,0 0 30px #ffffff1a;transition:all .3s ease}.click-to-start:hover{cursor:pointer;color:#07bd07;box-shadow:0 0 10px #03e9f480,0 0 20px #03e9f44d,0 0 30px #03e9f433;transform:scale(1.05)}.click-to-start:active{transform:scale(.95)}@media screen and (max-width: 1024px){.home-cover-menu{font-size:60px;gap:100px}.click-to-start{font-size:20px;padding:8px 30px}}@media screen and (max-width: 768px){.home-cover-menu{gap:80px;font-size:50px}.home-cover-menu>p>span{text-underline-offset:8px}.click-to-start{font-size:18px;padding:8px 25px}}@media screen and (max-width: 676px){.home-cover-menu{font-size:50px;gap:60px}.home-cover-menu>p>span{text-underline-offset:9px}}@media screen and (max-width: 600px){.home-cover-menu{font-size:40px}.click-to-start{font-size:16px;padding:6px 20px}.home-cover-menu>p>span{text-underline-offset:8px}}@media screen and (max-width: 480px){.home-cover-menu{gap:40px;font-size:35px}.click-to-start{font-size:14px;padding:6px 15px}.home-cover-menu>p>span{text-underline-offset:7px}}@media screen and (max-width: 360px){.home-cover-menu{gap:30px;font-size:30px;padding:10px}.click-to-start{font-size:12px;padding:5px 12px}.home-cover-menu>p>span{text-underline-offset:6px}}.home{place-items:center;position:relative;color:#fff}.content{grid-template-rows:80px repeat(2,auto);place-items:center;padding:30px;text-align:center;gap:20px}.home-what-to-do-header{font-size:60px;opacity:0;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.7);animation:1s ease .2s forwards fade-in}.home-options-list{place-content:center;text-align:start;gap:20px;list-style-type:"🏋️";list-style-position:inside;padding:30px;opacity:0;animation:1s ease .4s forwards fade-in}.home-options-list>li{border:solid 1px #0f0202;padding:15px 20px;font-size:26px;letter-spacing:1px;background-color:#0f0202cc;position:relative;overflow:hidden;color:#ffffffbf;border-radius:5px;transition:.2s}.home-options-list>li:hover{cursor:pointer;color:#fff}.home-options-list>li:active{transform:scale(.95)}.home-gif{object-fit:cover;width:400px;height:300px;margin-top:20px;border:solid 1px white;border-radius:20px;opacity:0;animation:1s ease .6s forwards fade-in}.home-gif-main{box-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 30px #40e0d0}.home-gif-alt{box-shadow:0 0 5px #07bd07,0 0 10px #07bd07,0 0 30px #07bd07}@media screen and (max-width: 900px){.home-what-to-do-header{font-size:50px}}@media screen and (max-width: 768px){.content{grid-template-rows:auto repeat(2,auto)}.home-what-to-do-header{font-size:40px}}@media screen and (max-width: 600px){.home-what-to-do-header{font-size:30px}.home-options-list{padding:30px 10px}.home-options-list>li{font-size:22px}.home-gif{width:300px;height:200px}}@media screen and (max-width: 470px){.content{padding:30px 20px}.home-what-to-do-header{font-size:26px}.home-options-list>li{font-size:20px}.home-gif{width:250px;height:200px}}@media screen and (max-width: 400px){.content{padding:30px 20px}.home-what-to-do-header{font-size:21px}.home-options-list{padding:20px 0;gap:10px}.home-options-list>li{font-size:16px;padding:10px}.home-gif{width:200px;height:150px}}.create-new-workout{grid-template-rows:60px repeat(3,auto) 1fr;gap:20px;min-width:500px;padding:50px;justify-items:center}.create-new-workout>h3{font-size:36px}.add-exercise-hint{margin-bottom:10px;font-size:24px;font-weight:500;color:#99fbfb}.add-exercise-btn-container{grid-template-columns:repeat(2,auto);gap:10px;align-self:center}.add-exercise-btn,.see-example-exercises-btn{color:#fff;padding:10px 20px;background-color:#11032a;font-size:20px;border:none;border-radius:5px;background-color:#2d2f31;box-shadow:0 2px 5px #0003;transition:all .3s ease}.add-exercise-btn:hover,.see-example-exercises-btn:hover{cursor:pointer;color:#07bd07;background-color:#3e4145;box-shadow:0 4px 10px #0000004d}.add-exercise-btn:active,.see-example-exercises-btn:active{transform:scale(.95)}table{border-spacing:0;min-width:400px;margin-top:20px;width:100%;border-collapse:collapse;background-color:#2d2f31;border-radius:10px;overflow:hidden}th,td{border:solid 1px #3e4145;padding:10px;font-size:18px;color:#fff}th{background-color:#3e4145}td:nth-last-child(-n+4){text-align:center}.remove-exercise-btn{cursor:pointer}.confirm-workout-btn{justify-self:center;margin-top:20px;color:#fff;font-size:22px;padding:3px 10px;border:none;background-color:#00bfff;box-shadow:0 4px 10px #0000004d;border-radius:30px;transition:all .3s ease}.confirm-workout-btn:hover{cursor:pointer;background-color:#00a2d1;box-shadow:0 6px 15px #0006}.confirm-workout-btn:active{transform:scale(.95)}.add-exercise-form-container{background:rgba(0,0,0,.5);padding:30px 50px;margin-top:10px;gap:5px;border-radius:15px;box-shadow:0 15px 25px #0009;place-content:center}.add-exercise-form-container>h3{font-size:28px;color:#00d4ff;text-decoration:underline 2px;text-underline-offset:4px;margin-bottom:30px;text-align:center}.new-workout-form{min-width:400px;place-items:center}.new-workout-form input,form label{display:block;width:100%}.add-exercise-input-container{width:100%;padding:0 20px}.add-exercise-input-container input{width:100%;padding:10px 0;margin-bottom:30px;font-size:18px;font-weight:500;letter-spacing:1px;color:#4ef8f8;border:none;border-bottom:1px solid #fff;outline:none;box-shadow:none;border-radius:0;background-color:transparent}.add-exercise-input-container label{padding:10px 0;font-size:24px;text-align:start;color:#fff;pointer-events:none;transition:.5s}.add-exercise-submit-btn,.cancel-add-exercise-btn{cursor:pointer;place-self:center;padding:10px 20px;font-size:20px;letter-spacing:2px;width:100%;border:none;border-radius:30px;background-color:transparent;transition:.5s}.add-exercise-submit-btn{color:#03ac03;background-color:#03ac031a}.cancel-add-exercise-btn{color:#f72119;margin-top:10px;background-color:#f721191a}.add-exercise-submit-btn:hover,.cancel-add-exercise-btn:hover{color:#fff}.add-exercise-submit-btn:hover{background-color:#03ac03;box-shadow:0 4px 10px #03ac0366}.cancel-add-exercise-btn:hover{background-color:#f72119;box-shadow:0 4px 10px #f7211966}.add-exercise-submit-btn:active,.cancel-add-exercise-btn:active{transform:scale(.95)}@media screen and (max-width: 1024px){.create-new-workout{grid-template-rows:auto repeat(3,auto) 1fr}table,th,td{font-size:18px}.confirm-workout-btn,.add-exercise-btn,.see-example-exercises-btn{font-size:20px}.add-exercise-form-container>h3{font-size:24px;margin-bottom:20px}.add-exercise-input-container input{margin-bottom:20px;font-size:16px}.add-exercise-input-container label{font-size:20px}.add-exercise-submit-btn,.cancel-add-exercise-btn{font-size:18px;letter-spacing:1px;width:80%}}@media screen and (max-width: 768px){.create-new-workout{min-width:auto;padding:40px 20px}.add-exercise-btn,.see-example-exercises-btn{font-size:18px}}@media screen and (max-width: 600px){table,th,td{font-size:16px}table{min-width:auto}th,td{padding:2px 4px}.add-exercise-form-container{padding:30px 20px;margin-top:0}.new-workout-form{min-width:350px}.add-exercise-input-container input{letter-spacing:normal}.add-exercise-input-container label{font-size:18px}.add-exercise-submit-btn,.cancel-add-exercise-btn{font-size:16px}}@media screen and (max-width: 500px){.create-new-workout{gap:10px;padding:30px 10px}.add-exercise-btn,.see-example-exercises-btn{padding:2px 6px;font-size:15px}table,th,td{font-size:13px}th,td{padding:1px 3px}.add-exercise-form-container{margin-top:10px;padding:30px 20px 20px}.add-exercise-form-container>h3{font-size:20px}.new-workout-form{min-width:auto}.add-exercise-input-container label{font-size:16px}.add-exercise-input-container input{margin-bottom:5px;font-size:14px;padding:5px 0}.add-exercise-submit-btn,.cancel-add-exercise-btn{font-size:14px;padding:8px 20px;width:80%}.add-exercise-submit-btn{margin-top:10px}.confirm-workout-btn{font-size:16px}}@media screen and (max-width: 426px){.create-new-workout>h3{font-size:30px}.add-exercise-hint{margin-bottom:0;font-size:20px}.add-exercise-btn,.see-example-exercises-btn{font-size:15px}.confirm-workout-btn{margin-top:10px}.cancel-add-exercise-btn{margin-top:0}}@media screen and (max-width: 376px){.create-new-workout{gap:10px}.create-new-workout>h3{font-size:26px}.add-exercise-hint{font-size:16px}table,th,td{font-size:12px}.confirm-workout-btn{font-size:15px;margin-top:15px}.add-exercise-btn,.see-example-exercises-btn{font-size:13px;padding:3px 5px}.add-exercise-input-container{padding:0 10px}.add-exercise-input-container label{font-size:14px}.add-exercise-input-container input{font-size:12px;border-radius:0}.add-exercise-submit-btn,.cancel-add-exercise-btn{font-size:13px;padding:5px 10px}}@media screen and (max-width: 330px){.create-new-workout>h3{font-size:24px}table,th,td{font-size:11px}.confirm-workout-btn{font-size:14px}.add-exercise-btn,.see-example-exercises-btn{font-size:12px}.add-exercise-form-container>h3{font-size:18px}}.current-workout--container{grid-template-rows:40px repeat(2,auto);align-content:start;padding:50px;gap:10px}.current-workout--container>h3{text-align:center;font-size:36px}.current-workout--workout-table{margin-top:20px}.current-workout--container>p{margin-top:10px;line-height:2;font-size:28px;text-align:center;color:#99fbfb}.current-workout--btns-container{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.current-workout--btns-container>button{cursor:pointer;border:none;height:fit-content;color:#fff;padding:3px 10px;font-size:20px;border-radius:5px;background-color:#11032a;box-shadow:0 0 1px #fff,0 0 3px #fff}.current-workout--complete-btn:hover{color:#07bd07;box-shadow:0 0 2px #14072a,0 0 4px #fff}.current-workout--delete-btn:hover{color:red;box-shadow:0 0 2px #14072a,0 0 4px #fff}.current-workout--btns-container>button:active{transform:scale(.95)}@media screen and (max-width: 768px){.current-workout--container{padding:40px 20px}.current-workout--container>h3{font-size:36px}.current-workout--container>p{line-height:1.8;font-size:24px}}@media screen and (max-width: 600px){.current-workout--btns-container>button{padding:3px 2px;font-size:17px}}@media screen and (max-width: 500px){.current-workout--container{grid-template-rows:50px repeat(2,auto);padding:30px 10px}.current-workout--container>p{margin-top:10px;font-size:20px}.current-workout--btns-container>button{font-size:16px}}@media screen and (max-width: 426px){.current-workout--container>h3{font-size:30px}.current-workout--btns-container>button{font-size:15px}}@media screen and (max-width: 376px){.current-workout--container>h3{font-size:26px}.current-workout--container>p{font-size:18px}.current-workout--btns-container>button{font-size:14px}}@media screen and (max-width: 320px){.current-workout--container{grid-template-rows:40px repeat(2,auto)}.current-workout--container>h3{font-size:24px}.current-workout--container>p{font-size:16px}.current-workout--btns-container>button{font-size:13px}}.all-workouts--container{grid-template-rows:40px 1fr;padding:50px;gap:10px}.all-workouts--container h3{text-align:center;font-size:36px;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.7);letter-spacing:1px}.all-workouts--tables-container{justify-content:center;align-content:start;margin-top:30px;gap:30px}.all-workouts--tables{min-width:400px;box-shadow:0 5px 15px #0000004d}.all-workouts--tables td:first-child{text-align:start;width:300px}.all-workouts--delete-btn{justify-self:start;cursor:pointer;border:none;border-radius:10px;color:#fff;height:fit-content;padding:8px 15px;margin-top:5px;font-size:18px;background-color:#d32f2f;box-shadow:0 3px 8px #0000004d;transition:all .3s ease}.all-workouts--delete-btn:hover{background-color:#f44336;box-shadow:0 5px 6px #f3433680}.all-workouts--delete-btn:active{transform:scale(.95)}@media screen and (max-width: 768px){.all-workouts--container{padding:40px 20px}.all-workouts--container>h3{font-size:36px}.all-workouts--tables-container{margin-top:30px;gap:30px}.all-workouts--tables td:first-child{width:250px}}@media screen and (max-width: 600px){.all-workouts--tables{min-width:350px}.all-workouts--tables td:first-child{width:220px}}@media screen and (max-width: 500px){.all-workouts--container{padding:30px 10px}.all-workouts--tables{min-width:300px}.all-workouts--delete-btn{padding:2px 5px;font-size:14px;margin-top:3px}.all-workouts--tables td:first-child{width:200px}}@media screen and (max-width: 460px){.all-workouts--container h3{font-size:32px}}@media screen and (max-width: 426px){.all-workouts--container h3{font-size:30px}.all-workouts--tables-container{margin-top:20px;gap:20px}.all-workouts--tables td:first-child{width:150px}}@media screen and (max-width: 376px){.all-workouts--container h3{font-size:26px}.all-workouts--tables{min-width:250px}.all-workouts--tables-container{margin-top:10px}.all-workouts--delete-btn{padding:1px 4px;font-size:12px;margin-top:2px}}@media screen and (max-width: 320px){.all-workouts--container h3{font-size:24px}.all-workouts--tables{min-width:220px}.all-workouts--tables-container{margin-top:0}.all-workouts--delete-btn{padding:1px 2px;font-size:11px}}.workouts-container{min-height:100vh;justify-items:center;text-align:center}.workouts-content{grid-template-rows:repeat(3,auto) 1fr;width:100%;padding:50px 100px;justify-items:center;color:#fff}.workouts-header{font-size:60px;opacity:0;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.7);animation:1s ease .2s forwards fade-in}.workouts-info-container{place-items:center;font-size:20px;opacity:0;animation:1s ease .3s forwards fade-in}.workouts-info-container>h3{margin:30px 0 10px}.button-options{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px;opacity:0;animation:1s ease .4s forwards fade-in}.button-options button{padding:10px 30px;border:none;border-radius:9999px;font-size:22px;font-weight:700;color:#fff;line-height:normal;transition:all .3s ease}.create-new-workout-btn{background-color:#00bfff}.view-current-workout-btn{background-color:#e066ff}.view-all-workouts-btn{background-color:#ff8c00}.button-options button:hover{cursor:pointer;box-shadow:0 0 10px #ffffff80}.button-options button:active{transform:scale(.95)}.workouts-sections{opacity:0;animation:1s ease .5s forwards fade-in}@media screen and (max-width: 1024px){.workouts-content{padding:50px}.button-options{gap:20px;margin-top:20px}.button-options button{padding:10px 20px;font-size:18px}}@media screen and (max-width: 768px){.workouts-content{padding:40px 30px 20px}.button-options button{font-size:16px}}@media screen and (max-width: 426px){.workouts-content{padding:40px 10px 10px}.workouts-header{font-size:50px}.workouts-info-container{font-size:18px}.workouts-info-container>h3{margin-top:20px}.button-options{gap:5px;margin-top:15px}.button-options button{padding:3px 5px;font-size:12px}}@media screen and (max-width: 376px){.workouts-content{padding:30px 10px 10px}.workouts-header{font-size:40px}.workouts-info-container{font-size:16px}.button-options button{font-size:11px}}.exercises-container{grid-template-columns:1fr 2fr;gap:50px;justify-items:center;padding:50px 50px 20px;color:#fff}.workout-preview-header{align-items:end;padding-bottom:30px;font-size:40px;height:80px;opacity:0;animation:1s ease .2s forwards fade-in;text-shadow:0 0 8px rgba(201,214,255,.8)}.exercises-header{font-size:60px;height:80px;margin-bottom:10px;opacity:0;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.7);animation:1s ease .4s forwards fade-in}.workout-preview-container{place-self:start;padding:0 10px}.workout-preview-workout-btn{border:none;color:#fff;padding:10px 20px;margin-bottom:20px;font-size:22px;border-radius:25px;background-color:#2e1e5e;box-shadow:0 4px 10px #0000004d;opacity:0;animation:1s ease .3s forwards fade-in;transition:.3s ease}.workout-preview-workout-btn:hover{cursor:pointer;color:#07bd07;box-shadow:0 2px 10px #4ce1e199}.workout-preview-workout-btn:active{transform:scale(.95)}.workout-preview-table{padding:0 5px;opacity:0;animation:1s ease .3s forwards fade-in}.exercises-list{opacity:0;animation:1s ease .5s forwards fade-in;margin-top:10px;padding:10px;border:solid 1px rgba(255,255,255,.212);border-radius:10px;background-color:#0006}.exercise-item-container{grid-template-columns:300px repeat(2,110px) repeat(2,1fr) 50px;gap:10px;padding:10px 7px;align-items:center;border-bottom:solid 1px rgba(255,255,255,.2);transition:background-color .3s ease}.exercise-item-container:hover{background-color:#ffffff0d}.exercise-name{font-size:22px;font-weight:700;text-align:center;color:#c9d6ff}.sets-container,.reps-container{grid-template-rows:repeat(2,auto);gap:5px;justify-items:center;font-size:16px;color:#ffffffb3}.count-container{grid-template-columns:repeat(3,auto);gap:7px;justify-items:center;align-items:center}.count-container>*{width:30px;height:30px;place-content:center;border-radius:4px;font-size:24px;color:#fff;border:none;background-color:#2e1e5e;box-shadow:0 2px 5px #0000004d}.add-btn:hover{cursor:pointer;color:#07bd07;box-shadow:0 0 8px #07bd07}.minus-btn:hover{cursor:pointer;color:red;box-shadow:0 0 8px red}.add-btn:active,.minus-btn:active{transform:scale(.95)}.exercise-btn-container{font-size:15px;align-self:end}.exercise-btn-container>button{cursor:pointer;padding:10px 15px;border-radius:25px;border:none;color:#fff;background-color:#2e1e5e;box-shadow:0 4px 10px #0000004d;transition:all .3s ease}.add-to-workout-btn:hover{color:#ee29f5;box-shadow:0 0 4px #ee29f5b3}.add-to-favourites-btn:hover{color:#0080ff;box-shadow:0 0 4px #0080ffb3}.add-to-workout-btn:active,.add-to-favourites-btn:active{transform:scale(.95)}.reset-btn{font-size:16px;font-weight:700;width:50px;height:50px;border:none;border-radius:9999px;background:linear-gradient(135deg,darkred,red);background-size:200%;color:#fff;transition-duration:1s}.reset-btn:hover{cursor:pointer;background-position:right center}.reset-btn:active{transform:scale(.5)}@media screen and (max-width: 1525px){.exercise-item-container{grid-template-columns:200px repeat(2,110px) repeat(2,1fr) 50px}}@media screen and (max-width: 1425px){.exercise-item-container{grid-template-columns:150px repeat(2,110px) repeat(2,1fr) 50px;gap:10px}.exercise-name{font-size:18px}}@media screen and (max-width: 1024px){.exercises-container{grid-template-columns:1fr;justify-items:center;gap:30px;padding:50px 20px}.workout-preview-header{padding-bottom:20px;font-size:30px;height:auto}.exercises-header{font-size:40px;height:auto;margin-bottom:20px;text-align:center}.workout-preview-container{padding:0;place-self:center;justify-items:center}.workout-preview-workout-btn{margin-bottom:10px;font-size:16px}.exercise-item-container{grid-template-columns:300px repeat(2,auto) repeat(2,1fr) 50px;gap:20px;padding:5px 7px}.sets-container,.reps-container{font-size:14px}.count-container{gap:5px}.count-container>*{width:25px;height:25px;font-size:16px}.exercise-btn-container{font-size:16px;align-self:center}.exercise-btn-container>button{padding:3px 5px;border-radius:5px}.reset-btn{font-size:11px;width:40px;height:40px}}@media screen and (max-width: 850px){.exercises-container{padding:50px 10px}.exercise-item-container{grid-template-columns:200px repeat(2,auto) repeat(2,1fr) 40px;gap:15px;padding:3px 5px}.sets-container,.reps-container{font-size:13px}.count-container>*{width:20px;height:20px;font-size:14px}.exercise-btn-container{font-size:14px}.reset-btn{font-size:10px;width:35px;height:35px}}@media screen and (max-width: 768px){.workout-preview-header{font-size:26px}.exercises-header{font-size:30px}.exercise-item-container{grid-template-columns:200px repeat(2,auto) repeat(2,1fr) 35px;gap:13px;padding:3px}.exercise-name{font-size:15px}.sets-container,.reps-container{font-size:12px}.count-container>*{width:18px;height:18px;font-size:12px;box-shadow:none;border:solid 1px rgba(255,255,255,.188)}.add-btn{color:#07bd07}.minus-btn{color:red}.add-btn:hover,.minus-btn:hover{cursor:pointer;box-shadow:none}.exercise-btn-container{font-size:12px}.exercise-btn-container>button{padding:3px 5px;border-radius:5px;box-shadow:none;border:solid 1px rgba(255,255,255,.188)}.add-to-workout-btn:hover,.add-to-favourites-btn:hover{box-shadow:none}.reset-btn{font-size:8px;width:30px;height:30px}}@media screen and (max-width: 600px){.workout-preview-header{font-size:24px}.exercises-header{font-size:28px}.exercise-item-container{grid-template-columns:160px repeat(2,auto) repeat(2,1fr) 30px;gap:10px;padding:3px 2px}.exercise-name{font-size:14px}.sets-container,.reps-container{font-size:12px;gap:3px}.count-container>*{width:15px;height:15px;font-size:10px}.exercise-btn-container{font-size:9px}.exercise-btn-container>button{padding:2px;border-radius:5px}.reset-btn{font-size:7px;width:26px;height:26px}}@media screen and (max-width: 500px){.exercises-container{padding:30px 10px}.workout-preview-header{font-size:24px}.workout-preview-workout-btn{padding:5px 10px;margin-bottom:6px;font-size:14px}.exercises-header{font-size:26px}.exercise-item-container{grid-template-columns:150px repeat(2,auto) repeat(2,1fr) 25px;gap:6px}.exercise-name{font-size:13px}.sets-container,.reps-container{font-size:10px;gap:2px}.count-container>*{width:12px;height:12px;border-radius:2px;font-size:8px}.exercise-btn-container{font-size:8px}.exercise-btn-container>button{padding:2px 1px;border-radius:3px}.reset-btn{font-size:6px;width:22px;height:22px}}@media screen and (max-width: 426px){.workout-preview-header{font-size:22px}.exercises-header{font-size:24px}.exercise-item-container{grid-template-columns:130px repeat(2,auto) repeat(2,1fr) 22px}.exercise-name{font-size:10px}.sets-container,.reps-container{font-size:8px;gap:1px}.count-container>*{width:10px;height:10px;font-size:7px}.reset-btn{font-size:5px;width:20px;height:20px}}@media screen and (max-width: 376px){.exercises-container{padding:30px 5px}.workout-preview-header{font-size:20px}.workout-preview-workout-btn{font-size:12px}.exercises-header{font-size:22px}.exercise-item-container{grid-template-columns:80px repeat(2,auto) repeat(2,1fr) 20px;gap:8px}.exercise-name{font-size:8px}.sets-container,.reps-container{font-size:6px}.count-container>*{width:8px;height:8px;font-size:6px;border-radius:1px}.exercise-btn-container{font-size:6px}.exercise-btn-container>button{border-radius:2px;padding:2px}.reset-btn{width:18px;height:18px}}@media screen and (max-width: 330px){.workout-preview-header{font-size:16px}.workout-preview-workout-btn{font-size:10px}.exercises-header{font-size:18px}.exercise-item-container{grid-template-columns:70px repeat(2,auto) repeat(2,1fr) 20px}}.exercises-dropdown-filter-btn{background:linear-gradient(135deg,#661de9,#50058a);color:#fff;padding:.8rem 1rem;cursor:pointer;border-radius:10px;border:none;box-shadow:0 8px 12px #0003,0 2px 4px #0000001a;position:relative;opacity:0;animation:1s ease .5s forwards fade-in;transition:all .3s ease}.exercises-dropdown-filter-btn:hover{background:linear-gradient(135deg,#8033ff,#5e128a);box-shadow:0 10px 15px #00000040,0 4px 6px #00000026}.exercises-dropdown-filter-btn:active{transform:scale(.95);color:#07bd07;background:linear-gradient(135deg,#430b9e,#270242)}.exercises-dropdown-filter-list{position:absolute;z-index:1;width:250px;border-radius:10px;margin-top:1rem;box-shadow:0 10px 20px #0000004d,0 4px 8px #0000001a;background:linear-gradient(135deg,#661de9,#50058a);overflow:hidden}.exercises-dropdown-filter-list li{cursor:pointer;padding:.8rem 1rem;color:#fff;text-decoration:none;transition:background-color .3s ease,color .3s ease}.exercises-dropdown-filter-list li:hover{background-color:#32024f;color:#00e676;box-shadow:inset 0 0 3px #00e67680}@media screen and (max-width: 768px){.exercises-dropdown-filter-btn{padding:.5rem .7rem;font-size:14px}.exercises-dropdown-filter-list{width:220px;margin-top:.6rem;font-size:13px}.exercises-dropdown-filter-list li{padding:.6rem .8rem}}@media screen and (max-width: 500px){.exercises-dropdown-filter-btn{padding:.4rem .6rem;border-radius:4px;font-size:12px}.exercises-dropdown-filter-list{width:200px;border-radius:4px;margin-top:.5rem;font-size:11px}.exercises-dropdown-filter-list li{padding:.5rem .8rem}}@media screen and (max-width: 426px){.exercises-dropdown-filter-btn{padding:.3rem .5rem;border-radius:3px;font-size:11px}.exercises-dropdown-filter-list{width:170px;border-radius:3px;margin-top:.4rem;font-size:10px}.exercises-dropdown-filter-list li{padding:.4rem .7rem}}@media screen and (max-width: 376px){.exercises-dropdown-filter-btn{padding:.2rem .4rem;border-radius:2px;font-size:10px}.exercises-dropdown-filter-list{width:150px;border-radius:2px;margin-top:.3rem;font-size:9px}.exercises-dropdown-filter-list li{padding:.3rem .6rem}}@media screen and (max-width: 330px){.exercises-dropdown-filter-btn{padding:.2rem .3rem;border-radius:1px;font-size:9px}.exercises-dropdown-filter-list{width:130px;border-radius:1px;margin-top:.2rem;font-size:8px}.exercises-dropdown-filter-list li{padding:.2rem .4rem}}.footer{background-color:#212020;border-top:solid 1px #17a4a4}.completed-workouts--container{justify-items:center;text-align:center;padding:50px;color:#fff}.completed-workouts--header{font-size:60px;margin-bottom:10px;opacity:0;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.7);animation:1s ease .2s forwards fade-in}.completed-workouts--content-container{opacity:0;animation:1s ease .4s forwards fade-in}@media screen and (max-width: 768px){.completed-workouts--container{padding:40px 20px}}@media screen and (max-width: 426px){.completed-workouts--container{padding:40px 10px}.completed-workouts--header{font-size:40px}}@media screen and (max-width: 376px){.completed-workouts--container{padding:30px 10px}.completed-workouts--header{font-size:30px}}@media screen and (max-width: 330px){.completed-workouts--header{font-size:26px}}.profile-page--container{grid-template-rows:repeat(2,auto);gap:50px;padding:50px;justify-items:center}.profile-page--user-info-container{gap:50px;padding:20px;background:#2a2a2a;border-radius:10px;box-shadow:0 4px 8px #0000001a}.profile-page--user-info-container h4{font-size:22px;line-height:2em;color:#07bd07}.profile-page--header{font-size:60px;text-align:center;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.7)}.profile-page--personal-details,.profile-page--contact-details{justify-content:start;padding:10px;background:#1c1c1c;border-radius:10px;box-shadow:0 4px 8px #0000001a}@media screen and (max-width: 1024px){.profile-page--container{gap:30px;place-items:start}.profile-page--user-info-container{gap:30px}}@media screen and (max-width: 768px){.profile-page--container{gap:20px}.profile-page--user-info-container{gap:20px;font-size:15px}.profile-page--user-info-container h4{font-size:20px}}@media screen and (max-width: 426px){.profile-page--container{gap:16px;padding:30px}.profile-page--user-info-container{gap:16px;font-size:12px}.profile-page--header{font-size:50px}.profile-page--user-info-container h4{font-size:16px}}@media screen and (max-width: 376px){.profile-page--header{font-size:40px}.profile-page--user-info-container{font-size:11px}.profile-page--user-info-container h4{font-size:14px}}@media screen and (max-width: 330px){.profile-page--user-info-container{font-size:10px}.profile-page--user-info-container h4{font-size:12px}}.profile--favourites{grid-template-rows:70px auto;gap:20px;padding:50px}.profile--favourites-header{text-align:center;font-size:36px}.profile--favourites-content{place-self:center;justify-content:center;padding:30px 60px;text-align:center;background:#333;border-radius:15px;box-shadow:0 8px 16px #0000004d;transition:all .4s ease}.profile--favourites-headers,.profile--favourites-exercises{grid-template-columns:1fr repeat(2,100px) 1fr 200px;gap:50px;align-items:center}.profile--favourites-headers{text-decoration:underline;color:#ffbf00;margin-bottom:10px;font-size:22px}.profile--favourites-exercises{font-size:18px;border-bottom:solid 1px black;padding:20px 0}.profile--favourites-add-btn{padding:10px 20px;background-color:#4caf50;color:#fff;font-size:16px;border:1px solid #4CAF50;border-radius:25px;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 6px #0000001a}.profile--favourites-add-btn:hover{background-color:#fff;border-color:#fff;color:#4caf50}.profile--favourites-add-btn:active{transform:translateY(2px)}@media screen and (max-width: 1024px){.profile--favourites{grid-template-rows:repeat(2,auto)}.profile--favourites-content{padding:20px 0}.profile--favourites-headers,.profile--favourites-exercises{grid-template-columns:1fr repeat(2,70px) 1fr 120px;gap:30px}.profile--favourites-headers{font-size:20px}.profile--favourites-exercises{font-size:16px;padding:15px 0}.profile--favourites-add-btn{padding:8px 10px}}@media screen and (max-width: 900px){.profile--favourites{padding:40px 20px}}@media screen and (max-width: 768px){.profile--favourites-headers,.profile--favourites-exercises{grid-template-columns:1fr repeat(2,60px) 1fr 100px;gap:20px}.profile--favourites-headers{font-size:18px}.profile--favourites-exercises{font-size:14px}.profile--favourites-add-btn{font-size:14px;padding:6px 10px}}@media screen and (max-width: 625px){.profile--favourites-headers,.profile--favourites-exercises{grid-template-columns:1fr repeat(2,50px) 1fr 80px;gap:10px}.profile--favourites-headers{font-size:16px}.profile--favourites-exercises{font-size:13px}.profile--favourites-add-btn{font-size:13px;padding:5px 10px}}@media screen and (max-width: 550px){.profile--favourites{padding:30px 10px}.profile--favourites-headers,.profile--favourites-exercises{grid-template-columns:1fr repeat(2,50px) 1fr 70px;gap:10px}.profile--favourites-headers{font-size:14px}.profile--favourites-exercises{font-size:12px}.profile--favourites-add-btn{font-size:12px;padding:5px 15px;place-self:center}}@media screen and (max-width: 490px){.profile--favourites-headers,.profile--favourites-exercises{grid-template-columns:1fr repeat(2,50px) 1fr 60px;gap:5px}.profile--favourites-headers{font-size:12px}.profile--favourites-exercises{font-size:11px}.profile--favourites-add-btn{font-size:11px;padding:4px 14px}}@media screen and (max-width: 426px){.profile--favourites{gap:10px}.profile--favourites-header{font-size:30px}.profile--favourites-headers,.profile--favourites-exercises{grid-template-columns:1fr repeat(2,40px) 1fr 60px}}@media screen and (max-width: 376px){.profile--favourites-header{font-size:26px}.profile--favourites-headers,.profile--favourites-exercises{grid-template-columns:1fr repeat(2,35px) 1fr 60px;gap:2px}.profile--favourites-headers{font-size:11px}.profile--favourites-exercises{font-size:10px}.profile--favourites-add-btn{font-size:10px;padding:3px 12px}}@media screen and (max-width: 330px){.profile--favourites-header{font-size:24px}.profile--favourites-content{padding:10px 0}.profile--favourites-headers,.profile--favourites-exercises{grid-template-columns:1fr repeat(2,30px) 1fr 50px}.profile--favourites-headers{font-size:9px}.profile--favourites-add-btn{padding:2px 10px}}.profile--container{grid-template-columns:auto 1fr;min-height:100vh;justify-content:center;color:#fff}.profile--nav{align-content:start;background-color:#212020;border-right:solid 1px #17a4a4;box-shadow:inset -6px 0 20px -6px #000;padding-right:20px}.profile--nav-list{grid-template-rows:repeat(4,auto);gap:20px;margin-top:50px;font-size:20px}.profile--nav-list li{cursor:pointer;border:solid 1px #0f0202;padding:10px 20px;background-color:#0f0202;text-align:center;transition:.6s;position:relative;overflow:hidden}.profile--nav-list li:active{transform:scale(.95)}.active-profile-nav{color:#07bd07;box-shadow:0 0 1px #b71dde,0 0 2px 1px #b71dde;border-top-right-radius:5px;border-bottom-right-radius:5px}#nav-new,#nav-current,#nav-completed,#nav-favourites{opacity:0;animation-name:fade-in,slide-right;animation-duration:1s;animation-fill-mode:forwards}#nav-new{animation-delay:.3s}#nav-current{animation-delay:.4s}#nav-completed{animation-delay:.5s}#nav-favourites{animation-delay:.6s}.profile--page-content{opacity:0;animation:2s ease .6s forwards fade-in}@media screen and (max-width: 1024px){.profile--nav-list{font-size:18px}}@media screen and (max-width: 768px){.profile--nav-list{gap:15px;margin-top:40px;font-size:16px}.profile--nav-list li{padding:8px 16px}}@media screen and (max-width: 426px){.profile--nav{padding-right:12px}.profile--nav-list{gap:12px;margin-top:30px;font-size:8px}.profile--nav-list li{padding:5px 6px}}@media screen and (max-width: 376px){.profile--nav{padding-right:10px}.profile--nav-list{gap:10px;margin-top:20px;font-size:7px}.profile--nav-list li{padding:3px 4px}}@media screen and (max-width: 330px){.profile--nav{padding-right:8px}.profile--nav-list{gap:8px;font-size:6px}.profile--nav-list li{padding:2px 3px}}.grid{display:grid}.container{grid-template-rows:minmax(100px,auto) 1fr 50px;background:linear-gradient(to right,#0f2027,#203a43,#2c5364)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-right{0%{transform:translate(-350px)}to{transform:translate(0)}}@keyframes top-left-btn{0%{left:-100%}50%,to{left:100%}}@keyframes top-right-btn{0%{top:-100%}50%,to{top:100%}}@keyframes bottom-right-btn{0%{right:-100%}50%,to{right:100%}}@keyframes bottom-left-btn{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes jumpy-letters{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-20px)}}.btn-ani-target:hover span:nth-child(1),.btn-ani-target:hover span:nth-child(2),.btn-ani-target:hover span:nth-child(3),.btn-ani-target:hover span:nth-child(4){animation-play-state:running;opacity:1}.btn-ani-target span{position:absolute;display:block}.btn-ani-target span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#B71DDE);animation:top-left-btn 1.5s linear infinite;animation-play-state:paused;opacity:0}.btn-ani-target span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#B71DDE);animation:top-right-btn 1.5s linear infinite;animation-delay:.35s;animation-play-state:paused;opacity:0}.btn-ani-target span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#B71DDE);animation:bottom-right-btn 1.5s linear infinite;animation-delay:.75s;animation-play-state:paused;opacity:0}.btn-ani-target span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#B71DDE);animation:bottom-left-btn 1.5s linear infinite;animation-delay:1.15s;animation-play-state:paused;opacity:0}*,*:before,*:after{box-sizing:border-box}*{padding:0;margin:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth;background-color:#212020}body{min-height:100vh;min-width:100vw;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Happy Monkey}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,button,input,label{line-height:1.1}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{text-decoration:none;color:currentColor}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}