*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;margin:0;background-color:#fff5e0;min-width:320px}body{font-family:Lato,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Bitter,serif}.Navbar{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background-color:#010101;z-index:1000;flex-wrap:wrap;min-height:51px}.Navbar ul{display:flex;list-style-type:none;gap:2rem}.underline{position:absolute;background-color:#fff5e0;height:2px;left:0;top:51px}.link{color:#fff}a{text-decoration:none}.navbar-logo{height:45px;max-height:100%}.home{position:relative;width:100%;height:100vh;overflow:hidden;padding-top:51px;margin:0}.home-image{width:100%;height:100%;object-fit:cover;object-position:center}.home:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}.home-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2;width:100%;padding:10vh 0;display:flex;flex-direction:column;align-items:center;gap:50px}.title{padding:5dvh 30px;font-weight:600;font-size:clamp(2rem,5vw,4rem)}.bio{padding:30px;font-size:clamp(1rem,2vw,1.5rem)}.title,.bio{max-width:600px;width:100%;min-width:300px;margin:0 auto;padding:0 10px}.cta-button{margin-top:20px;padding:10px 20px;font-size:1rem;color:#fff;background-color:#f36b2b;border:none;text-decoration:none;border-radius:5px;transition:background-color .3s ease;width:fit-content}.cta-button:hover{background-color:#d65a23}@media (max-width: 768px){.title{font-size:clamp(1.5rem,5vw,3rem);padding:0 20px}.home-text{width:70vw;gap:20px}.bio{font-size:clamp(.8rem,2vw,1.2rem);padding:0 20px}.cta-button{margin-top:30px}}.loading{position:absolute;height:100vh;width:100vw;top:0;left:0;overflow:hidden;z-index:9999}.curtain{position:absolute;top:0;bottom:0;width:50%;background-color:#fff5e0}.left-curtain{left:0}.right-curtain{right:0}.compass{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.line-left{background-color:#000;width:5px;height:100vh;position:absolute;left:10vw}.line-right{background-color:#000;width:5px;height:100vh;position:absolute;right:10vw}.line-center1,.line-center2{background-color:#000;width:2px;height:100vh;position:absolute;left:50%;z-index:0}.next-class{background-color:#f0f5ff;color:#111;border-radius:12px;box-shadow:0 4px 30px #0006;position:absolute;right:-500px;display:flex;flex-direction:column;padding:25px;gap:5px;top:50%;transform:translateY(-50%);z-index:2;width:90%;max-width:400px;min-width:320px;height:auto;max-height:75vh;overflow-y:auto}.next-class button{position:absolute;top:0;left:0;width:25px;height:25px;color:#fff;background-color:#f36b2b;border:none;text-decoration:none;border-radius:5px;transition:background-color .3s ease;cursor:pointer}.next-class button:hover{background-color:#d65a23}.next-class .image-container{width:250px;height:250px;overflow:hidden;align-self:center}.next-class .image-container img{max-width:100%;max-height:100%;object-fit:contain}.courses{padding-top:51px;padding-left:7vw;padding-right:7vw;background-color:#fff5e0;height:fit-content;min-height:100vh;margin:0 auto;max-width:1400px}.intro-card{position:relative;background-image:url(/assets/animal-CzscQEag.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;height:300px;width:100%;max-width:1400px;margin:50px auto;color:#fff;padding:50px;overflow:hidden;display:flex;border-radius:10px;justify-content:center}.intro-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:0}.content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.card-list{display:flex;flex-wrap:wrap;justify-content:center;margin:20px auto;max-width:100%}.card{position:relative;background-color:#f0f8ff;color:#222;border-radius:5px;margin:10px;flex:1 1 230px;text-align:center;cursor:pointer;box-shadow:0 4px 10px #0000001a;will-change:transform,opacity;z-index:1;min-width:250px;max-width:100%}.card>img{height:200px;width:100%;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px}.card .description{padding:15px}.card h3{font-size:1.5rem;margin:10px 0}.card p{font-size:1rem;margin:0}.card:hover .popup{visibility:visible;opacity:1;transition:opacity .3s}.popup{position:absolute;bottom:103%;left:50%;transform:translate(-50%);background:#fffffff2;padding:15px;border-radius:5px;box-shadow:0 2px 10px #0003;visibility:hidden;opacity:0;transition:opacity .3s ease;width:500px;z-index:10}.lazy-img{filter:blur(10px);transition:filter .3s ease-out}@media (max-width: 768px){.card-list{flex-direction:column;align-items:center}.card{margin:10px 0;width:calc(100vw - 40px)}.popup{width:90%;left:50%;transform:translate(-50%)}.card p{font-size:.9rem;margin:0}}@media (max-width: 468px){.card p{font-size:.7rem;margin:0}}.contact{width:100%;margin:0;padding:0;display:flex;flex-direction:column}.tent-container{position:relative;height:calc(100vh / 1.5);width:100%}.tent-container>img{opacity:0}.tent{object-fit:cover;height:100%;width:100%;object-position:center}.overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:3rem;text-align:center;background:#00000080;padding:10px;border-radius:5px}.information{display:flex;flex:1;flex-wrap:wrap}.information>div{flex:1 1 300px;padding:10% 15px 20px;text-align:center}.join{background-color:#ffefcc}.enroll{background-color:#ffe0b2}.more-info{background-color:#fff6e3}.information h2{font-size:1.75rem}.join h2,.enroll h2,.more-info p{margin-bottom:10px}.more-info i{margin-right:15px}.form-container{width:500px;height:500px;margin:50px auto auto}.contact-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px}input{width:400px;height:30px}textarea{width:400px;height:250px}@media (max-width: 768px){.information>div{padding-bottom:20px}}.about{padding-top:51px;padding-left:calc(7vw - 20px);padding-right:calc(7vw - 20px);background-color:#fff5e0;min-height:100vh;overflow-x:hidden}.mission-container,.expectations-container{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap}.mission-container>div,.expectations-container>div{flex:1;padding:20px;max-width:50%}.mission-statement h2,.expectations h2{margin-bottom:20px}.image-container{width:100%}.image-container img{width:100%;object-fit:cover;border-radius:2%;object-position:top;height:500px}@media (max-width: 768px){.mission-container,.expectations-container{flex-direction:column}.mission-container>div,.expectations-container>div{padding:15px;max-width:100%}.mission-statement,.expectations{text-align:center}}