nav{display:flex;position:absolute;top:0;left:0;right:0;height:4.5rem;padding:1rem 2rem;align-items:center;font-size:clamp(1rem,2vw,5rem);z-index:10}.logoContainer{height:100%;object-fit:contain;display:flex;align-items:center}.logoContainer img{height:100%}.navLinks{margin-left:5rem;display:flex;gap:5rem;justify-content:space-between;align-items:center;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.navLinks a{text-decoration:none;color:#cedad4;transition:color .2s ease-in-out}.navLinks a:hover{color:#c77b00}@media (max-width: 500px){nav{padding:.5rem}.navLinks{margin-left:2rem}.logoContainer img{height:80%}}@media (max-width: 350px){.navLinks{margin-left:1rem;gap:1rem}.logoContainer img{height:60%}}@media (max-width: 250px){nav{font-size:.7rem}.navLinks{margin-left:.2rem;gap:.5rem}.logoContainer img{height:40%}}footer{display:flex;gap:5rem;height:4.5rem;padding:1rem 2rem 2rem;align-items:center;justify-content:center;font-size:clamp(1rem,1.5vw,5rem);text-decoration:underline;text-underline-offset:.5rem;z-index:10}.scrollTop{cursor:pointer;font-size:clamp(.5rem,1.5vw,5rem)}.react-horizontal-scrolling-menu--scroll-container{display:flex;height:max-content;overflow-y:hidden;position:relative;width:100%}.react-horizontal-scrolling-menu--scroll-container.rtl{direction:rtl}.react-horizontal-scrolling-menu--inner-wrapper{display:flex;overflow-y:hidden}.react-horizontal-scrolling-menu--wrapper{display:flex;flex-direction:column}.react-horizontal-scrolling-menu--footer,.react-horizontal-scrolling-menu--header{width:100%}.react-horizontal-scrolling-menu--arrow-left,.react-horizontal-scrolling-menu--arrow-right{display:flex}.homePage{margin-top:4.5rem;display:flex;flex-direction:column}.heroComponent{z-index:1;margin:0;padding:0;display:flex;justify-content:center;flex-direction:row;align-items:center;height:100svh}.homePageHook{z-index:1;margin:0;font-size:clamp(1.5rem,3vw,6rem);padding:1rem;word-wrap:normal;text-shadow:-8px 4px 5px black;margin-right:2rem;text-align:center}.brandName{color:#c77b00;font-size:clamp(2rem,4vw,6.2rem)}.mainPic{z-index:1;width:auto;height:clamp(10rem,70vw,40rem)}.exploreBtn{text-decoration:none;color:#000;text-shadow:none;background-color:#c77b00;padding:1rem 1.5rem;border-radius:20px;display:inline-block}.backSlogan{z-index:0;margin:0;position:absolute;bottom:2rem;font-weight:700;color:#ffffff0a;font-size:clamp(1.5rem,8vw,30rem)}@media (max-width: 1000px){.homePage{flex-direction:column;justify-content:center}.mainPic{z-index:1;width:auto;height:clamp(5rem,50vw,30rem)}.homePageHook{margin:0;margin-bottom:3rem}}@media (max-width: 1000px) and (orientation: portrait){.heroComponent{flex-direction:column}}.searchContainer{display:flex;flex-direction:row;height:1.5em;margin:1rem 3rem;border-radius:20px;overflow:hidden;font-size:clamp(1.5rem,3vw,5rem)}@media (max-width: 360px){.searchContainer{display:flex;flex-direction:column;height:4em;margin:1.5rem .5rem;border-radius:0}.searchContainer input{flex:1!important;text-align:center!important;margin-bottom:1rem;border-radius:10px;padding:0!important}.searchContainer button{width:50%!important;align-self:center;border-radius:10px;flex:1!important}}.searchContainer input{flex:1;padding-left:.5rem;font-size:clamp(.8rem,1.4vw,2em)}.searchContainer button{width:max-content;padding:0 1em;background-color:#c77b00;font-weight:700;border:0;cursor:pointer;font-size:clamp(1rem,3vw,5rem)}.scrollBarContainer{position:relative}.leftArrow,.rightArrow{z-index:1;height:40px;cursor:pointer;position:absolute;top:-1rem}.rightArrow{right:20px}.leftArrow{left:20px}.bodyPart{margin:4em;text-align:center;cursor:pointer;transition:all .25s ease-in-out}.bodyPart:hover{border-bottom:3px solid rgba(199,123,0,70%);padding-bottom:5px;scale:1.1}.bodyPart p{font-size:x-large;margin:0}.bodyPart img{width:100px;height:100px;object-fit:contain}@media (max-width: 550px){.bodyPart{margin:2em}.bodyPart img{width:60px;height:60px}.bodyPart p{font-size:larger;margin:0}.leftArrow,.rightArrow{height:30px}}@media (max-width: 300px){.bodyPart{margin:1em}.bodyPart img{width:40px;height:40px}.bodyPart p{font-size:large;margin:0}.leftArrow,.rightArrow{height:20px}}.categorySelected{border-bottom:3px solid rgba(199,123,0,70%);padding-bottom:5px}.exercisesComponent{margin:3em 1em;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.exercisesComponent h2{margin:2em;font-size:clamp(1rem,2vw,5rem)}.exercisesContainer{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:4em;grid-row-gap:3em;min-height:100vh}.exercisesContainerLessThan4{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:auto!important;min-height:0}@media (max-width: 800px){.exercisesContainer{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:3em;grid-row-gap:2em}}@media (max-width: 550px){.exercisesContainerLessThan4{grid-template-columns:repeat(1,1fr)!important;grid-template-rows:auto!important}.exercisesContainer{display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:3em;grid-row-gap:2em}.pulse{flex:none!important;height:50dvh!important}}.paginationButtons{margin-top:3em;display:flex;font-size:2vh;width:100%;justify-content:center;align-items:center;gap:2em;list-style:none;z-index:10;padding:0}@media (max-width: 880px){.paginationButtons{gap:1em}}@media (max-width: 700px){.paginationButtons{gap:.5em;font-size:1.8vh}}@media (max-width: 540px){.paginationButtons{font-size:1.2vh}}@media (max-width: 440px){.pageButtons,.break{display:none}.paginationButtons{font-size:1.8vh}.paginationActive .pageButtons{display:flex}}.pageButtons{padding:10px;cursor:pointer;font-weight:700;border-radius:10px;transition-property:background-color,color;transition-duration:.2s;transition-timing-function:ease-in-out}.pageButtons:hover{background-color:#000;color:#e7c036}.previousButton,.nextButton{cursor:pointer;color:#000;background-color:#c77b00;padding:10px 12px;border-radius:10px;transition-property:background-color,color;transition-duration:.2s;transition-timing-function:ease-in-out}.paginationActive{display:inline-flex;background-color:#c77b00;border-radius:10px;color:#000}.previousButton:hover,.nextButton:hover{background-color:#000;color:#e7c036}.exerciseBox{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;color:#000;font-weight:700;border-radius:20px;overflow:hidden;max-width:360px;max-height:440px;cursor:pointer;transition:all .2s ease-in-out}.exerciseBox:hover{scale:1.05}.pulse{width:100%;height:100%;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1;background-color:#d3d3d3}50%{opacity:.5;background-color:#fff}}.imageContainer{flex:2;object-fit:cover;overflow:hidden}.exerciseBox img{background-color:#fff;height:100%;width:100%}.exerciseInfoContainer{display:flex;flex:1;height:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;border-top:5px solid #c77b00}.musclesInvolved{display:flex;flex-direction:row;justify-content:space-evenly;gap:.5em;margin:0 10px;overflow:auto;width:100%}.musclesInvolved p{display:flex;justify-content:center;align-items:center;font-size:small;background-color:#c77b00;padding:8px 10px;border-radius:20px}.exerciseName{width:95%;text-align:center;word-break:normal;font-size:x-large;margin:10px 0}@media (max-width: 700px){.exerciseName{font-size:large;margin:5px 0}}html{height:100%}body{min-height:100%;background-attachment:fixed;background-image:linear-gradient(45deg,hsl(231deg 8% 18%) 0%,hsl(231deg 12% 11%) 49%,hsl(0deg 0% 0%) 100%);margin:0;padding:0;color:#cedad4;overflow-x:hidden}.loadingContainer{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#191a1f;display:grid;place-items:center}.loading{border:16px solid rgb(42,43,50);border-top:16px solid #D57D00;border-radius:50%;width:140px;height:140px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notFound{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(1.5rem,2.5vw,5rem);gap:3rem}.fourOfour{font-weight:700;font-size:clamp(3.5rem,6vw,10rem)}.goBack{margin-top:2rem;color:#d57d00}.scrollHeading{font-size:xx-large;font-weight:700;margin-bottom:2rem;width:100%}@media (max-width: 320px){.scrollHeading{font-size:x-large}}