@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";html{background-color:#000;width:100%;align-self:center;max-width:100%;background:linear-gradient(88deg,#c1af0a -100%,#141400 25%,#000 60%);background-size:100% 100%;box-sizing:border-box;overflow-x:hidden}body{font-family:Roboto,serif;color:azure;box-sizing:border-box}@media screen and (max-width:760px){html{background-size:cover}}.header{align-self:center;width:100%;height:120px;padding-left:1rem;padding-right:1rem;position:sticky;top:0;z-index:100;background-color:#000000d0;box-sizing:border-box}.header img{float:left;width:70px;height:70px;position:relative;top:-28px;padding-right:10px}.header h1{font-size:2.5rem;margin-top:3.5rem;float:left}.nav{float:right}.nav ul{padding-right:2rem;margin-top:3.7rem}nav li{display:inline-block;margin-right:20px}.nav li a{text-decoration:none;color:azure;font-size:1.4rem}.nav li a:hover{text-shadow:4px 5px 5px 8px rgb(255,255,255);font-weight:700;transition:.5s}.nav li.hide{display:none}@media screen and (max-width:1000px){.nav ul{padding-right:.1rem}.nav li a{font-size:.6rem}.nav li{margin-right:.3rem}.location p{font-size:1rem}}body{height:100%;min-height:95vh;width:100%;margin:0;padding:0;text-align:center;animation:fadeIn 2s}@keyframes fadeIn2{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes fadeIn3{0%{opacity:0}50%{opacity:0}68%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}}@keyframes slideInRIght{0%{transform:translate(100%)}}@keyframes slideInBottom{0%{transform:translateY(100%)}}@keyframes ScaleUp{0%{transform:scale(.8)}}@keyframes Appear{0%{opacity:.8}}.home-container{animation:fadeIn 1.2s ease-in-out}.why-container h1{font-size:3.2rem;margin-top:4rem}h2{font-size:2.9rem}.welcome-content{width:65%;margin-right:30px;padding-top:2rem;margin:2rem;text-shadow:0px 0px 8px black}.welcome-content h2{animation:fadeIn2 1.9s;font-size:3.5rem;margin-bottom:2.5rem}.welcome-content p{animation:fadeIn2 4.2s;font-size:1.9rem;line-height:1.4;white-space:wrap;overflow:hidden}.welcome-content button:hover{background-color:#fff;color:#000;transition:.4s}.welcome-img{margin-right:30px}.why-container{animation:fadeIn3 1.7s;width:100%}.reason-content{width:100%;display:flex;flex-direction:column;margin-top:6rem;align-items:center;justify-items:center}.reason-item{display:flex;height:59vh;width:100%}.reason-item:nth-child(1){animation:slideIn 8s;animation-timeline:view();animation-range:entry 3rem}.reason-item:nth-child(3){animation:slideInRIght 8s;animation-timeline:view();animation-range:entry 3rem}.reason-item:nth-child(2){animation:slideInBottom 8s;animation-timeline:view();animation-range:entry 3rem}.reason-item{font-size:2.2rem;justify-self:center;background-color:#000}.no2{flex-direction:row-reverse}.reason-item img{filter:grayscale(100);width:59%}.reason-item p{font-size:3.1rem;line-height:1.2;align-self:center;padding:0 1rem}.schedule-container{display:flex;width:100%;justify-content:center;margin-top:7rem}.schedule-item h3{font-size:1.8rem;margin-bottom:1rem}.schedule-item p{font-size:1.4rem}.schedule-img{width:56%}.coach-section{width:100%;height:67vh;margin-bottom:6rem}.coach-section h1{font-size:3rem;margin-bottom:2rem;text-align:center}.coaches-container{background:#000;display:flex;height:100%;width:100%;overflow:hidden;align-self:center;animation:slideInRIght 3s;animation-timeline:view();animation-range-start:entry;animation-range-end:50%}.coach-img{width:45%;height:100%}.coach-img img{height:100%;width:100%;height:auto}.coach-content img{border-radius:50%;border:1px solid azure;height:400px;width:400px}.coach-bio{width:55%;height:100%;align-content:center;justify-content:center}.coach-content h2{font-size:2.5rem;margin-bottom:2rem;text-transform:uppercase}.coach-content p{font-size:1.6rem}.quote-container{width:100%;height:900px;margin-top:4rem;border-radius:6px;background-image:url(../assets/boxing-cross.jpg);background-size:100% 100%;align-content:center;animation:ScaleUp,Appear;animation-timeline:view();animation-range-start:entry}.quote-content{margin-top:5rem;width:75%;font-size:1.6rem;text-shadow:0px 0px 2px black}.quote-content .quote-ref{color:#ff4500;font-style:italic}.location{display:flex;width:100%;background-color:#000;align-items:center;margin-top:4rem;margin-bottom:4rem;animation:ScaleUp,Appear;animation-timeline:view();animation-range-start:entry}.location .gym-img{width:50%}h1{font-size:3.5rem;text-align:center;margin-bottom:1rem}.location .gym-img img{width:100%;height:auto}.location .address{color:azure;width:50%;text-align:center}.location .address p{font-size:3.8rem;line-height:1.4}.schedule-item img{width:100%;height:auto;animation:ScaleUp,Appear;animation-timeline:view();animation-range-start:entry}@media screen and (max-width:1000px){.welcome-container{height:400px;margin-top:.6rem;padding:0;justify-items:center;align-items:center}.welcome-content{padding-top:.5rem;animation:none}.welcome-content h2{font-size:1.8rem;margin-top:0;margin-bottom:.8rem}.welcome-content button{width:250px;height:50px;font-size:1rem;margin-top:.6rem;align-self:center}.welcome-content p{font-size:1rem;line-height:1.2}.reason-content{flex-direction:column;padding:0;margin:0}.reason-item{padding-bottom:.5rem;margin-bottom:.5rem;width:99%;animation:none}.coaches-container{flex-direction:column}.quote-container{height:400px;animation:none}.quote-content h1{font-size:1.5rem}.why-container h1{font-size:2.2rem;margin-bottom:1rem}h2{font-size:1.8rem}.coach-content img{height:250px;width:250px}.coach-content h2{font-size:1.4rem;margin-bottom:1rem}.coach-content p{font-size:1rem}}@keyframes colorShift{0%{filter:grayscale(100%)}80%{filter:grayscale(100%)}to{filter:grayscale(0%)}}@keyframes fadeIn{0%{opacity:0}75%{opacity:0}to{opacity:1}}.hero-section{width:100%;height:85vh;top:-2rem;position:relative;display:flex;justify-content:space-around;align-items:self-end;overflow:hidden;margin:0;padding:0;box-sizing:border-box;background-color:#000}.hero-text{position:relative;width:100%;display:flex;margin-left:3px;align-items:center;color:#fff;font-size:3rem;gap:35%}.hero-text h1{text-shadow:2px 2px 8px black;font-size:4rem;z-index:3}.hero-text p{text-shadow:2px 3px 8px black;font-size:2.5rem;padding-top:6.5rem}.hero-text h1{animation:fadeIn 8s ease-in-out forwards}.hero-text p:nth-child(2){animation:fadeIn 5s ease-in-out forwards}.hero-text p:nth-child(3){animation:fadeIn 3s ease-in-out forwards}.img-strip{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:row;overflow:hidden;box-sizing:border-box}.strip-item{height:100%;width:33.33%;object-fit:cover}.strip-item img{height:100%;width:100%;filter:grayscale(100%);animation:colorShift 2s ease-in-out forwards}.image1 img{animation-delay:0s}.image3 img{animation-delay:1s}.payment-container{box-sizing:border-box;width:100%;text-align:center;animation:fadeIn 1.2s ease-in-out}.payment-container h1{font-size:2.8rem;text-align:center;justify-self:center}.payment-container h3{font-size:1.8rem;margin-top:2rem}.membership-plans{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:4rem}.plan-content{width:400px;border:1px solid azure;padding:2rem;margin-bottom:.8rem;background-color:#000000b5}.plan-content h3 em{color:gray;text-decoration:line-through}.plan-content button{width:65%;height:30px;background-color:#000;color:azure;font-size:1rem;border:1px solid azure;cursor:pointer}.plan-content button:hover{background-color:azure;color:#000;transition:.5s}.fluff{width:80%;justify-self:center}.footer-container{display:flex;background-color:#000000cb;width:100%;height:60px;font-size:18px;position:sticky;bottom:0;justify-content:space-between;align-items:center;box-sizing:border-box}a{text-decoration:none;color:azure;position:relative;top:8px}.sponsors p{margin:0}.sponsors p img{width:60px;height:40px;border-radius:8px;margin-right:15px;margin-left:15px;margin-bottom:0}a svg{width:25px;height:25px;padding:0 3px;margin-right:10px}.credits{padding-left:15px}.footer-socials{align-self:center;text-align:center;position:relative;bottom:8px}@media screen and (max-width: 1000px){.footer-container{height:40px;gap:.5%}a svg{width:14px;height:14px;margin-right:4px}.credits{padding-left:4px;font-size:.9rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-container{animation:fadeIn 1.2s ease-in-out;align-content:center;height:77vh;width:100%;box-sizing:border-box}form{max-width:800px;width:100%;padding:25px 25px 30px;border-radius:8px;color:azure;margin:25px;justify-self:center}form h2{font-size:30px;text-align:center}label{font-size:22px}.input-box .field{width:92%;height:17px;border:2px solid rgba(80,80,80,.795);outline:none;border-radius:6px;padding:15px;font-size:18px;color:rgb(12,11,11) transparent;margin-top:8px;margin-bottom:8px}.input-box .field-mess{height:90px;width:92%;border-radius:6px;border:2px solid black;resize:none;padding:18px 15px 15px;font-size:18px;margin-top:15px}form button{width:94%;height:40px;background-color:#000;color:azure;border:2px solid azure;border-radius:6px;cursor:pointer;margin-top:15px;font-size:18px;transition:.5s;margin-right:10px}form button:hover{background-color:#fff;color:#000}svg{width:50px;height:50px;padding:15px;cursor:pointer;text-decoration:none}.socials a{text-decoration:none;color:azure}
