.mainheading{width:100%;text-align:center}.text{font-family:Sigmar,cursive;text-transform:uppercase;display:inline-block;box-sizing:border-box;color:#fff;font-size:35px;margin:10px;letter-spacing:1px;transition:all;text-decoration:none}.text:hover{cursor:pointer;transition-duration:.5s}@media screen and (max-width: 1024px){.mainheading{display:none}}.title{letter-spacing:1px;word-spacing:2px;color:#fff;position:relative;margin-left:auto;margin-right:auto;margin-top:150px;text-transform:uppercase;text-align:center;font-size:50px}.title__alternate{display:inline;margin-left:10px}.title__alternate span{position:absolute;width:max-content;background-color:#0561ee;padding:10px;opacity:0;transform-origin:10% 75%;animation:rotateWords 9s var(--d) linear infinite}@keyframes rotateWords{5%{opacity:1}10%,20%{opacity:1;transform:rotate(3deg)}15%{transform:rotate(-1deg)}25%{opacity:0;transform:translateY(90px) rotate(10deg)}}.about-us{width:70%;color:#fff;margin:200px auto 100px}.about-us-heading{font-size:35px;text-transform:uppercase;text-align:center}.about-us-subheading{font-family:Poppins,sans-serif;font-size:20px;margin:20px;text-transform:uppercase;text-align:center}.about-us-heading{font-family:Sigmar,cursive;margin:30px;font-size:35px;text-transform:uppercase;text-align:center}.about-us-text1,.about-us-text2{font-family:Kanit,sans-serif;font-size:20px;margin:20px;text-transform:uppercase;text-align:center}.features{color:#000}.features-allgrid{display:flex;margin:40px;flex-direction:row;justify-content:center;align-items:center}.features-grid{display:flex;background:#fff;flex-direction:column;justify-content:center;align-items:center;border-radius:30px;margin:40px;max-width:400px}.feature-img{width:350px;height:200px;margin:20px;border-radius:30px}.features-grid-name{margin:15px 0;font-family:Sigmar,cursive;font-size:23px;text-transform:uppercase}.features-grid-text{font-family:Kanit,sans-serif;margin:15px;font-size:18px;font-family:"Poppins" sans-serif;text-align:center}#about-us-heading{font-family:Sigmar,cursive;letter-spacing:2px;font-size:40px;color:#fff;text-align:center;text-transform:uppercase}@media (max-width:1024px){.features-allgrid{flex-direction:column;justify-content:center;align-items:center}.feature-img{width:350px;height:250px}}.main{width:100%;margin-top:20px;border-top:1px solid white;border-bottom:1px solid white}.navbartext{padding:.8em 1.8em;margin:10px 5px;text-decoration:none;position:relative;overflow:hidden;background-color:transparent;text-align:center;text-transform:uppercase;font-size:16px;transition:.4s;border-radius:20px;z-index:1;font-family:inherit;color:#fff;font-family:Roboto,sans-serif}.navbartext:before{content:"";width:0;height:300%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background:white;transition:.6s ease;display:block;z-index:-1}.navbartext:hover:before{width:105%}.navbartext:hover{color:#111}.navbar{display:flex;margin-left:40px;justify-content:center;align-items:center}.nav{display:flex}.nav-list{display:flex;list-style:none}.nav-item{margin:20px 10px;opacity:0;transition:transform .5s,opacity .5s}.nav-link{text-decoration:none;font-size:medium}.bi{font-size:20px}.nav-item:nth-child(odd){transform:translateY(5rem)}.nav-item:nth-child(even){transform:translateY(-5rem)}.nav:hover .nav-item{opacity:1;transform:translateY(0)}.bi{padding:10px;transition:all .3s;background-color:#fff;border-radius:50%;color:#000}#insta:hover{color:#fff;background-color:red}#face:hover{color:#fff;background-color:#00008b}#git:hover{color:#fff;background-color:green}#ld:hover{color:#fff;background-color:#00008b}#header{text-decoration:none;cursor:pointer;font-size:15px;letter-spacing:1px;text-transform:uppercase;margin:13px 40px 0;font-family:Roboto,sans-serif;padding:10px;color:#fff}.sidebar{display:none}@media screen and (max-width: 1024px){.main{display:none}.sidebar{cursor:pointer;margin:20px;display:block}.sidebarlist{display:flex;align-items:center;flex-direction:column}.nav{flex-direction:column;justify-content:center;align-items:center}.nav-list{flex-direction:column}.nav-item:nth-child(odd){transform:translate(5rem)}.nav-item:nth-child(even){transform:translate(-5rem)}.sidebartext{padding:.8em 1.8em;margin:10px 5px;text-decoration:none;position:relative;overflow:hidden;background-color:transparent;text-align:center;text-transform:uppercase;font-size:16px;transition:.4s;border-radius:20px;z-index:1;font-family:inherit;color:#fff;font-family:Roboto,sans-serif}.sidebartext:before{content:"";width:0;height:300%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background:white;transition:.6s ease;display:block;z-index:-1}.sidebartext:hover:before{width:105%}.sidebartext:hover{color:#111}}.contact{display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start}.contact-right{display:flex;flex-direction:column;margin-top:60px}.contact-right-text{margin:10px}.main-contact{font-family:Poppins,sans-serif;display:flex;flex-direction:column;justify-content:space-around;background-color:#fff;width:60%;margin:75px auto;border-radius:40px}.contact-text{padding-top:20px}.contact-left{display:flex;flex-direction:column}.form-row{display:flex;flex-direction:row}.contact-form{display:flex;flex-direction:column;align-items:center}.contact-message{border:none;outline:none;border-radius:15px;padding:1em;background-color:#ccc;box-shadow:inset 2px 5px 10px #0000004d;transition:.3s ease-in-out}.contact-message:focus{background-color:#ffe6ff;color:#606;box-shadow:inset 2px 5px 10px #0000004d}.contact-input:focus::placeholder{color:#606}.contact-message:focus::placeholder{color:#606}.contact-input{border:none;outline:none;border-radius:8px;margin:15px;padding:1em;background-color:#fff;box-shadow:inset 2px 5px 10px #0000004d;transition:.3s ease-in-out}.contact-input:focus{background-color:#b3ffff;color:#606;box-shadow:inset 2px 5px 10px #0000004d}.contact-map{border:0;width:300px;height:250px}@media (max-width:1200px){.main-contact{width:80%}.contact{flex-direction:column-reverse;justify-content:center;align-items:center}.contact-map{width:400px;height:250px}}button{padding:1.3em 3em;font-size:12px;text-transform:uppercase;letter-spacing:2.5px;font-weight:500;color:#000;background-color:#fff;border:none;border-radius:45px;box-shadow:0 8px 15px #0000001a;transition:all .3s ease 0s;cursor:pointer;outline:none;margin:30px}button:hover{background-color:#23c483;box-shadow:0 15px 20px #2ee59d66;color:#fff;transform:translateY(-7px)}button:active{transform:translateY(-1px)}.redmessage{color:red;margin-top:10px;font-size:14px}.greenmessage{color:green;margin-top:10px;font-size:14px}.main-login{text-align:center;font-family:Poppins,sans-serif;justify-content:space-around;background-color:#fff;width:30%;margin:75px auto;border-radius:40px}.login-text{padding-top:20px;text-transform:uppercase}.main-form a{box-shadow:inset 0 0 #54b3d6;color:#54b3d6;margin:10px;padding:0 .25rem;transition:color .3s ease-in-out,box-shadow .3s ease-in-out;font-family:Poppins,sans-serif;font-size:18px;color:#000}.main-form a:hover{box-shadow:inset 100px 0 #000;color:#fff}.login-input{border:none;outline:none;border-radius:8px;margin:20px 16px;padding:1em;background-color:#ccc;box-shadow:inset 2px 5px 10px #0000004d;transition:.3s ease-in-out}.login-input:focus::placeholder{color:#fff}.login-input:focus{color:#fff;background-color:#1d417a;transform:scale(1.05);box-shadow:13px 13px 100px #969696,-13px -13px 100px #fff}.signup-link{margin-top:10px;margin-bottom:30px;font-size:smaller;text-decoration:none}@media (max-width: 900px){.main-login{width:50%}}.footer{display:flex;flex-flow:row wrap;padding:30px 30px 20px;color:#2f2f2f;background-color:#fff;border-top:1px solid #e5e5e5}.footer>*{flex:1 100%}.footer__addr{margin-right:1.25em;margin-bottom:2em}.footer__logo{font-family:Sigmar,cursive;font-weight:400;text-transform:uppercase;font-size:1.5rem}.footer__addr h2{margin-top:1.3em;font-size:15px;font-weight:400}.nav__title{font-family:Kanit,sans-serif;font-weight:400;font-size:15px}.footer address{font-style:normal;color:#999}.footer__btn{display:flex;align-items:center;justify-content:center;height:36px;max-width:max-content;background-color:#21212112;border-radius:100px;color:#2f2f2f;line-height:0;margin:.6em 0;font-size:1rem;padding:0 1.3em}.footer ul{list-style:none;padding-left:0}.footer li{line-height:2em}.footer a{text-decoration:none}.footer__nav{display:flex;flex-flow:row wrap}.footer__nav>*{flex:1 50%;margin-right:1.25em}.nav__ul a{box-shadow:inset 0 0 #54b3d6;color:#54b3d6;margin:0 -.25rem;padding:0 .25rem;transition:color .3s ease-in-out,box-shadow .3s ease-in-out;font-family:Poppins,sans-serif;font-size:18px;color:#000}.nav__ul a:hover{box-shadow:inset 100px 0 #000;color:#fff}.nav__ul--extra{column-count:2;column-gap:1.25em}.legal{display:flex;flex-wrap:wrap;color:#999}.legal__links{display:flex;align-items:center}.heart{color:#2f2f2f}@media screen and (min-width: 24.375em){.legal .legal__links{margin-left:auto}}@media screen and (min-width: 40.375em){.footer__nav>*{flex:1}.nav__item--extra{flex-grow:2}.footer__addr{flex:1 0px}.footer__nav{flex:2 0px}}.main-name{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.signup-form{margin-top:15px}.signup-input{border:none;outline:none;border-radius:15px;margin:15px 0;width:200px;padding:1em;background-color:#ccc;box-shadow:inset 2px 5px 10px #0000004d;transition:.3s ease-in-out}.signup-input:focus{background-color:#fff;transform:scale(1.05);box-shadow:13px 13px 100px #969696,-13px -13px 100px #fff}.main-signup{text-align:center;font-family:Poppins,sans-serif;justify-content:space-between;background-color:#fff;width:45%;margin:45px auto;border-radius:40px}.login-text{padding-top:20px}.main-form{display:flex;flex-direction:column;align-items:center}.right{text-align:center}.input{background-color:#383838;border:1ex solid none;border-top-width:1.7em;margin:30px;padding:0;color:#383838;word-wrap:break-word;outline:7px solid #383838;height:30px;font-size:17px;text-align:center;transition:all 1s;max-width:300px;font-weight:700;font-family:Courier New,Courier,monospace}.input:hover{border-top-width:.2em;background-color:#f1e8e8}.input:focus{border-top-width:.2em;background-color:#f1e8e8}.login-link{margin-top:10px;margin-bottom:30px;font-size:smaller;text-decoration:none}@media (max-width:1024px){.main-name{flex-direction:column;justify-content:center;align-items:center}}.member-allgrid{display:flex;margin:40px;flex-direction:row;justify-content:center;align-items:center}.member-grid{display:flex;transition:.3s all;background:#fff;flex-direction:column;justify-content:center;align-items:center;border-radius:30px;height:500px;margin:40px}.membership-heading{font-family:Sigmar,cursive;letter-spacing:2px;color:#fff;font-size:30px;text-transform:uppercase;text-align:center;margin:30px}.member-img{width:200px;height:150px;margin:20px;border-radius:30px;transition:.3s all}.member-img:hover{opacity:.8;transform:scale(1.1)}.member-grid:hover{transform:scale(1.1)}.member-name{font-family:Kanit,sans-serif;margin:15px 0;font-size:23px;text-transform:uppercase}.member-cost{font-family:Castoro Titling,cursive;margin:15px;font-size:18px;font-family:"Poppins" sans-serif}.member-benefit{font-family:Kanit,sans-serif;font-size:20px;margin:5px;color:#000;text-align:center;text-transform:uppercase}@media (max-width:1024px){.member-allgrid{flex-direction:column;justify-content:center;align-items:center}.member-img{width:200px;height:100px}}.main-table{width:100%;display:flex;justify-content:center;overflow-x:auto}.styled-table{border-collapse:collapse;margin:25px 0;font-size:.9em;font-family:sans-serif;min-width:400px;box-shadow:0 0 20px #00000026}.styled-table thead tr{background-color:#009879;color:#fff;text-align:center}.styled-table th,.styled-table td{padding:30px 40px}.styled-table tbody tr{border-bottom:1px solid #dddddd;background-color:#f3f3f3}.styled-table tbody tr:last-of-type{border-bottom:2px solid #009879}.styled-table tbody tr.active-row{font-weight:700;color:#009879}*{margin:0;padding:0;height:100%}.App{background:url(/gym2.jpeg);background-position:center;background-repeat:no-repeat;height:100%;background-size:cover;min-width:600px;width:100%;min-height:100%;height:auto;top:0;left:0}@media (max-width: 768px){body{height:100vh}}