@import "https://fonts.googleapis.com/css2?family=Lilita+One&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";:root{--color-yellow:#ffd800;--color-green:#3dab7d;--color-pink:#d33b50;--color-light:#fffadd;--color-purple:#d0baf5;--color-white:#fff;--color-black:#000;--font-headings:"Lilita One", sans-serif;--font-body:"Nunito Sans", sans-serif;--gap-section:40rem;--gap-hero:15rem;--w-main:300rem;--w-md:225rem}::selection,::-moz-selection{background-color:var(--color-purple);color:var(--color-black)}::selection,::selection{background-color:var(--color-purple);color:var(--color-black)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:25%}body{font-family:var(--font-body);background-color:#ffd800;background-image:url(/bg.png);padding:0 4rem;font-size:4rem}@media (width<=75em){:root{--gap-section:30rem}}@media (width<=36rem){:root{--gap-section:20rem}}.title{text-transform:uppercase;color:var(--color-white);letter-spacing:-4%;font-size:27rem;line-height:75%}.heading{text-transform:capitalize;letter-spacing:-2%;font-size:15rem;line-height:75%;transition:all .2s}.heading:hover{color:var(--color-light);transform:skew(-8deg)scale(1.05)translateY(-1rem)}.subheading{color:#000000bf;font-size:7rem;font-weight:700}.subtitle{text-wrap:pretty;font-size:6rem;line-height:160%}.title,.heading{font-family:var(--font-headings);-webkit-text-stroke:.25rem var(--color-black);text-shadow:.75rem 1.5rem 0 var(--color-black);text-wrap:balance}.paragraph{font-size:5rem;line-height:180%}.paragraph:not(:last-child){margin-bottom:6rem}.label{font-family:var(--font-headings);color:var(--color-pink);text-wrap:wrap;text-transform:capitalize;font-size:7rem}@media (width<=75em){.title{font-size:max(8vw,15rem)}.subtitle{font-size:5rem}.subheading{color:var(--color-black);font-size:6rem}.paragraph:not(:last-child){margin-bottom:4rem}}@media (width<=46em){.heading{font-size:12rem}.subheading{font-size:5rem}.paragraph{font-size:4rem}.label{font-size:6rem}}@media (width<=26em){.title,.heading{text-shadow:.5rem 1rem 0 var(--color-black)}.title{font-size:12rem}.label{font-size:5rem}}.thick-shadow{border:.5rem solid var(--color-black);box-shadow:1rem 2rem 0 var(--color-black)}.section{max-width:var(--w-main);border-radius:10rem;margin:0 auto}.section-md{max-width:var(--w-md)}@media (width<=48em){.thick-shadow{box-shadow:.5rem 1rem 0 var(--color-black)}.section{border-radius:6rem}}.cta{text-transform:capitalize;border:.5rem solid var(--color-black);box-shadow:.5rem 1rem 0 var(--color-black);color:var(--color-light);background-color:var(--color-pink);border-radius:8rem;padding:3rem 6rem;font-size:6rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-block}.cta:hover{background-color:var(--color-green);color:var(--color-black);transform:scale(1.1)translateY(-1rem)}.cta-sm{padding:2rem 4rem;font-size:5rem}@media (width<=46em){.cta{padding:2rem 4rem;font-size:5rem}.cta-sm{padding:1.5rem 3rem;font-size:4rem}}.footer{justify-items:center;gap:8rem;margin-bottom:20rem;display:grid}.footer .logo{width:auto;height:40rem}.footer .info{justify-items:center;gap:1rem;display:grid}.footer a{color:inherit;--border-color:transparent;border:1px solid var(--border-color);box-shadow:.5rem 1rem 0 var(--border-color);border-radius:2rem;padding:1rem 2rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.footer a:hover{background-color:var(--color);--border-color:var(--color-black);transform:translate(-.5rem,-1rem)}.footer .email{--color:var(--color-purple)}.footer .phone{--color:var(--color-green)}@media (width<=26em){.footer .logo{height:35rem}}.form{gap:6rem;display:grid}.form-group{grid-template-columns:1fr 1fr;gap:6rem;display:grid}.form .note{text-align:left;margin:2rem 0}.form label,.form input,.form textarea,.form select{font-size:5rem}.form label{position:relative}.form textarea{resize:none;height:75rem;font-family:var(--font-body);border-radius:5rem!important}.form button{cursor:pointer;justify-self:right;min-width:50rem}.form label span{cursor:text;transition:all .2s;position:absolute;top:10rem;left:6rem}.form label:has(input:focus) span,.form label:has(input:not(:placeholder-shown)) span,.form label:has(textarea:focus) span,.form label:has(textarea:not(:placeholder-shown)) span{font-size:4rem;font-weight:700;top:0}.form input,.form textarea,.form select{background-color:var(--color-white);border:.5rem solid var(--color-black);--shadow-col:var(--color-black);width:100%;box-shadow:.5rem .75rem 0 var(--shadow-col);border-radius:10rem;outline:none;margin-top:6rem;padding:4rem 6rem;transition:all .2s}.form label:hover input,.form label:hover textarea,.form label:hover select{--shadow-col:var(--color-pink)}.form input:focus,.form textarea:focus,.form select:focus{--shadow-col:var(--color-green)!important}.form input::placeholder,.form textarea::placeholder{opacity:0}@media (width<=48em){.form label,.form input,.form textarea,.form select{font-size:4rem}.form,.form-group{gap:4rem}}@media (width<=36em){.form,.form-group{gap:2rem}.form-group{grid-template-columns:1fr}}.navbar{background-color:var(--color-light);z-index:1000;border-top:none;border-top-left-radius:0;border-top-right-radius:0;justify-content:space-between;align-items:center;padding:3rem 10rem;display:flex;position:sticky;top:0}.navbar img{width:auto;height:10rem}.navbar ul{gap:5rem;font-size:5rem;list-style:none;display:flex}.navbar ul a{color:var(--color-black);border:.5rem solid var(--border);--border:transparent;border-radius:2rem;padding:1rem 2rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.navbar ul a:hover{background-color:var(--hcol);--border:var(--color-black);box-shadow:.5rem .75rem 0 0 var(--color-black);transform:translateY(-.75rem)translate(-.5rem)}.nav-top{justify-content:space-between;align-items:center;display:flex}.hamburger{cursor:pointer;gap:1.5rem;display:none}.hamburger>span{background-color:var(--color-black);border-radius:1rem;width:8rem;height:1rem;transition:all .2s;display:inline-block}.hamburger:hover>span{background-color:var(--color-pink);box-shadow:.5rem .5rem 0 var(--color-black)}.hamburger:hover>span.top{transform:translateY(-.5rem)}.hamburger:hover>span.bot{transform:translateY(.5rem)}#menuToggle:checked~.hamburger>span.mid{opacity:0}#menuToggle:checked~.hamburger>span.top{transform:translateY(2.5rem)rotate(45deg)}#menuToggle:checked~.hamburger>span.bot{transform:translateY(-2.5rem)rotate(-45deg)}#menuToggle{display:none}@media (width<=55em){.hamburger{display:grid}.navbar{flex-direction:column;align-items:stretch}.navbar:has(#menuToggle:not(:checked)) .collapse{display:none}.navbar ul{flex-direction:column;gap:2rem;margin:4rem 0}.navbar ul li a{width:100%}.navbar .cta{text-align:center}}@media (width<=42em){.navbar{padding:2rem 6rem}}@media (width<=25em){.navbar img{height:8rem}.navbar ul{font-size:4rem}}.about{background-color:var(--color-light);margin-bottom:var(--gap-section);grid-template-columns:1fr 150rem;gap:10rem;padding:25rem 20rem 15rem;display:grid}.about img{border:.5rem solid var(--color-black);border-radius:50%;width:100%;height:auto}.about .heading{color:var(--color-purple);margin-bottom:4rem;font-size:20rem}.about .subheading{margin-bottom:8rem}@media (width<=75em){.about{grid-template-columns:1fr 2fr;padding:10rem}.about .heading{font-size:15rem}.about .subheading{margin-bottom:4rem}}@media (width<=46em){.about{grid-template-columns:1fr;padding:12rem}.about .heading{font-size:12rem}.about img{display:none}}@media (width<=26em){.about{padding:10rem 6rem 8rem}.about .heading{font-size:10rem}}.contact{background-color:var(--color-light);text-align:center;margin-bottom:var(--gap-section);padding:25rem 20rem}.contact .head{max-width:125rem;margin:0 auto}.contact .heading{color:var(--color-green);margin-bottom:5rem}.form{margin-top:12rem}@media (width<=64em){.contact{padding:15rem 8rem 12rem}.contact .form{margin-top:6rem}}@media (width<=26em){.contact .heading{font-size:10rem;line-height:100%}.contact{padding:10rem 4rem 8rem}}.events{margin-bottom:var(--gap-section);text-align:center}.events .heading{color:var(--color-green);margin-bottom:6rem}.events .subtitle{margin-bottom:12rem}.events .grid{grid-template-columns:repeat(3,1fr);gap:8rem;width:100%;display:grid}.events .grid .card{background-color:var(--color-light);border-radius:5rem;padding:2rem 4rem 10rem;transition:all .3s}.events .grid .card:hover{background-color:var(--color-green);transform:scale(.9)rotate(5deg)}.events .grid .card>*{transition:all .3s}.events .grid .card:hover>*{color:var(--color-black);transform:scale(1.1)rotate(-5deg)}.events .grid .card img{width:auto;height:50rem}@media (width<=55em){.events .grid{grid-template-columns:1fr 1fr}}@media (width<=46em){.events .grid .card img{height:45rem}.events .grid{gap:4rem}}@media (width<=36rem){.events .grid .card img{height:25rem}.events .grid .card{padding:2rem 3rem 6rem}}.gallery{margin-bottom:var(--gap-section);text-align:center}.gallery .heading{color:var(--color-green);margin-bottom:20rem}.gallery .grid{grid-template-columns:repeat(3,1fr);gap:5rem;margin-bottom:10rem;display:grid}.gallery .grid img{aspect-ratio:2/3;object-fit:cover;border-radius:5rem;width:100%;height:auto;transition:all .2s}.gallery .grid img:hover{transform:rotate(3deg)scale(.95)}@media (width<=36em){.gallery .grid{grid-template-columns:repeat(2,1fr)}.gallery .heading{margin-bottom:15rem}}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:10rem;padding:15rem 0;display:grid}.hero .title{margin-bottom:10rem}.hero .subtitle{margin-bottom:15rem}.hero img{width:100%;height:auto}@media (width<=75em){.hero .title{margin-bottom:6rem}.hero .subtitle{margin-bottom:9rem}}@media (width<=46em){.hero{grid-template-columns:1fr}.hero img{max-width:100rem;margin:0 auto}}@media (width<=26em){.hero{text-align:center}}.why{background-color:var(--color-light);margin-bottom:var(--gap-section);padding:15rem 10rem}.why .heading{color:var(--color-purple);text-align:center;margin-bottom:15rem}.why .grid{grid-template-columns:repeat(5,1fr);gap:4rem;display:grid}.why .grid .card{text-align:center}.why .grid .card img{width:25rem;height:25rem;margin-bottom:8rem}.why .grid .card .label{margin-bottom:4rem}@media (width<=64em){.why .grid{flex-wrap:wrap;justify-content:center;row-gap:12rem;display:flex}.why .grid .card{max-width:55rem}}@media (width<=36em){.why .grid .card img{width:20rem;height:20rem}.why{padding:8rem 4rem}}