*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif;font-style:normal;font-weight:400;color:var(--secondary-color);letter-spacing:1px;scroll-behavior:smooth}html,body{background:url(/assets/background.svg),linear-gradient(90deg,#effff2,#e3ecff);background-size:cover;background-repeat:no-repeat;background-position:center}body{position:relative;overflow:hidden}main{position:relative}main .container{width:70%;margin:0 auto;padding-top:2rem;padding-bottom:4rem}.box{margin-top:4rem;scroll-margin-top:180px}.box header{width:100%;text-align:center}.box-title{font-family:Cherry Bomb One,system-ui;color:var(--highlight-color);font-size:2.5rem}.blob{position:absolute;width:200px;height:auto}.top-left{top:0;left:0}.top-right{top:0;right:0}.bottom-left{bottom:0;left:0}.bottom-right{bottom:0;right:0}.loader{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999;background:linear-gradient(90deg,#effff2,#e3ecff);display:flex;justify-content:center;align-items:center}.loader .blob{z-index:1001}.loader div{border:4px solid #fff;border-radius:100%}.loader div.outer-circle{width:525px;height:525px;display:flex;justify-content:center;align-items:center}.loader div.inner-circle{width:475px;height:475px;display:flex;justify-content:center;align-items:center}.loader img{width:400px}#mobile-nav-toggle{position:fixed;top:.25rem;right:.25rem;z-index:10000;display:none;background:none;border:none;outline:none;width:48px;height:48px;justify-content:center;align-items:center;cursor:pointer}#mobile-nav-toggle .bar{display:block;width:32px;height:4px;margin:6px auto;background-color:var(--highlight-color);border-radius:2px;box-shadow:0 2px 5px #00000080;transition:all .3s cubic-bezier(.4,2.3,.3,1)}#mobile-nav-toggle.active .bar:nth-child(1){transform:translateY(10px) rotate(45deg)}#mobile-nav-toggle.active .bar:nth-child(2){opacity:0}#mobile-nav-toggle.active .bar:nth-child(3){transform:translateY(-10px) rotate(-45deg)}@media only screen and (min-width: 1440px){main .container{width:70%!important}}@media only screen and (min-width: 1280px){main .container{width:85%}}@media only screen and (max-width: 1280px){main .container{width:85%}.loader .blob{display:initial;width:300px}}@media only screen and (max-width: 1024px){.blob{width:125px}main .container{width:80%}.loader .blob{display:initial;width:300px}}@media only screen and (max-width: 786px){.blob{display:none}.box{margin-top:2rem;scroll-margin-top:250px}main .container{width:100%;padding:2rem 1rem 0}.loader div.outer-circle{width:300px;height:300px}.loader div.inner-circle{width:275px;height:275px}.loader img{width:85%}.loader .blob{display:initial;width:200px}}@media only screen and (max-width: 550px){#mobile-nav-toggle{display:initial}}@media only screen and (max-width: 480px){.blob{display:none}.box{margin-top:2rem;scroll-margin-top:40px}main .container{width:100%;padding:2rem 1rem 0}.loader div.outer-circle{width:300px;height:300px}.loader div.inner-circle{width:275px;height:275px}.loader img{width:85%}.loader .blob{display:initial!important;width:150px}}:root{--highlight-color: #8ec555;--secondary-color: #1a3a4a}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-fade-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-fade-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-fade-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-fade-in-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes jump{0%{transform:translateY(0)}20%{transform:translateY(-30px)}40%{transform:translateY(0)}60%{transform:translateY(-15px)}80%{transform:translateY(0)}to{transform:translateY(0)}}.fade-in{animation:fade-in .5s ease-in-out forwards}.fade-out{animation:fade-out .5s ease-in-out forwards}.slide-in{animation:slide-in .5s ease-in-out forwards}.slide-fade-in-left{animation:slide-fade-in-left .75s ease-in-out forwards}.slide-fade-in-right{animation:slide-fade-in-right .75s ease-in-out forwards}.slide-fade-in-top{animation:slide-fade-in-top .75s ease-in-out forwards}.slide-fade-in-bottom{animation:slide-fade-in-bottom .75s ease-in-out forwards}.jump{animation:jump 1s ease-in-out forwards}.slide-from-bottom-then-jump{animation:slide-fade-in-bottom .5s ease-in-out forwards,jump 2.25s ease-in-out forwards}#campDialog{background-image:url(/assets/camp/bg.svg);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:800px;max-height:600px;border:none;border-radius:8px;box-shadow:0 4px 12px #00000026}#campDialog::backdrop{background:#0009}#campDialog div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}#campDialog .absolute{position:absolute}#campDialog #textElephant{max-width:600px;bottom:125px}#campDialog #contact{bottom:0}#campDialog #mainText{top:35px;max-width:650px}#campDialog #cameleon{max-width:150px;left:0;bottom:0}#campDialog button{position:absolute;top:10px;right:10px;width:32px;height:32px;background:transparent;border:none;color:#000;font-size:1.5rem;line-height:32px;cursor:pointer;outline:none}@media only screen and (max-width: 768px){#campDialog{max-width:600px;max-height:500px}#campDialog #mainText{max-width:500px}#campDialog #kids{max-width:400px}#campDialog #textElephant{max-width:500px;bottom:90px}#campDialog #contact{max-width:400px;bottom:5px}}@media only screen and (max-width: 600px){#campDialog{max-width:100%;max-height:100%}#campDialog .absolute{position:initial}#campDialog #mainText{max-width:95%;margin-top:2rem}#campDialog #kids{max-width:80%}#campDialog #textElephant{max-width:85%}#campDialog #contact{max-width:70%}#campDialog #cameleon{display:none}}header.intro{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;padding:1.5rem;box-shadow:0 5px 10px #0000001a;background:linear-gradient(90deg,#effff2,#e3ecff);pointer-events:none;transform:translateY(-100%);opacity:0;transition:all .7s cubic-bezier(.4,2.3,.3,1)}header.intro.open{transform:translateY(0);pointer-events:auto;opacity:1;transition:transform .7s cubic-bezier(.4,.8,.3,1),opacity .7s cubic-bezier(.4,.8,.3,1)}header.intro img{width:150px;height:auto}header.intro nav{display:flex;list-style:none;align-items:center;gap:1.5rem;margin-left:auto}header.intro nav a{position:relative;cursor:pointer;text-decoration:none;color:var(--highlight-color);font-size:1.5rem;font-family:Cherry Bomb One,system-ui}header.intro nav a:after{position:absolute;content:"";width:0%;height:3px;border-radius:4px;background:var(--highlight-color);bottom:-5px;left:0;transition:width .3s}header.intro nav a:hover:after{width:100%}header.intro nav a.active:after{width:100%}@media only screen and (max-width: 1000px){header.intro{padding:.5rem 0;flex-wrap:wrap;justify-content:space-around;gap:1rem}header.intro nav{margin-left:0;gap:1rem}header.intro nav a{font-size:1.25rem}}@media only screen and (min-width: 551px){header.intro{transform:translateY(0);opacity:1;pointer-events:auto;transition:none}}@media only screen and (max-width: 550px){header.intro{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;padding:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem}header.intro nav{flex-direction:column;gap:.25rem;margin-left:0;text-align:center}}.technique{width:70%;margin:0 auto}.technique header{margin-bottom:3rem}.technique header h1{font-family:Cherry Bomb One,system-ui;color:var(--highlight-color);text-transform:uppercase;font-weight:700;font-size:2.25rem;font-weight:900;margin-left:1.5rem}.technique p{font-size:1.3rem;font-weight:700;text-align:center;color:var(--secondary-color)}@media only screen and (max-width: 1024px){.technique{width:90%}}@media only screen and (max-width: 786px){.technique{width:90%}}@media only screen and (max-width: 480px){.technique{width:100%}.technique p{font-size:1.1rem}}.dev-area .dev-area-elements{display:flex;flex-direction:column;gap:1.5rem;margin-top:3rem;justify-content:center}.dev-area .dev-area-elements .dev-area-element_item h2{display:inline;font-weight:700;font-size:1.4rem}.dev-area .dev-area-elements .dev-area-element_item ul{margin-top:1rem;padding-left:3.5rem;list-style:none}.dev-area .dev-area-elements .dev-area-element_item ul li{position:relative;margin-bottom:1rem;font-size:1.2rem}.dev-area .dev-area-elements .dev-area-element_item ul li:before{position:absolute;content:"";width:10px;height:10px;border-radius:50%;background:var(--highlight-color);top:50%;left:-25px;transform:translateY(-50%)}@media only screen and (max-width: 480px){.dev-area .dev-area-elements{margin-top:2rem}.dev-area .dev-area-elements .dev-area-element_item h2{font-size:1.3rem}.dev-area .dev-area-elements .dev-area-element_item ul li{font-size:1.1rem;margin-bottom:.5rem}}.support header{margin-bottom:3rem}.support h3{font-size:1.4rem;margin-bottom:1rem;font-weight:700}.support p{font-size:1.2rem;line-height:1.5}.support .support-elements{display:flex;flex-direction:column;gap:1.5rem;margin-top:3rem;justify-content:center}.support .support-elements .support-element_item h2{display:inline;font-weight:700;font-size:1.4rem}.support .support-elements .support-element_item ul{margin-top:1rem;padding-left:3.5rem;list-style:none}.support .support-elements .support-element_item ul li{position:relative;margin-bottom:1rem;font-size:1.2rem}.support .support-elements .support-element_item ul li:before{position:absolute;content:"";width:10px;height:10px;border-radius:50%;background:var(--highlight-color);top:50%;left:-25px;transform:translateY(-50%)}@media only screen and (max-width: 1280px){.support h3{font-size:1.1rem}.support p{font-size:1rem}}@media only screen and (max-width: 480px){.support header{margin-bottom:2rem}.support .support-elements{margin-top:2rem}.support .support-elements .support-element_item h2{font-size:1.3rem}.support .support-elements .support-element_item ul li{font-size:1.1rem;margin-bottom:.5rem}.support h3{font-size:1.3rem}.support p{font-size:1.1rem}}.box.price-list{position:relative;max-width:70%;margin:0 auto;margin-top:7rem;padding:1.5rem;border-radius:8px;box-shadow:0 1px 5px #0000001a}.box.price-list .blob{width:150px}.box.price-list .blob.top-right{top:-20px;right:-50px}.box.price-list .blob.top-left{top:-50px;left:-50px}.price-list .price-list-elements{display:flex;flex-direction:column;gap:1rem;font-size:1.2rem;margin-top:3rem}.price-list .price-list-elements .price-list-item{display:flex}.price-list .price-list-elements .price-list-item span{margin-left:auto}@media only screen and (max-width: 1280px){.box.price-list{max-width:none}}@media only screen and (max-width: 1024px){.box.price-list{max-width:none}.price-list .price-list-elements{font-size:1.1rem}}@media only screen and (max-width: 786px){.box.price-list{margin-top:2rem}.box.price-list{max-width:none;box-shadow:none;padding:0}.price-list .price-list-elements .price-list-item{flex-direction:column;gap:.5rem}.price-list .price-list-elements .price-list-item span{margin-left:0}}@media only screen and (max-width: 480px){.box.price-list{max-width:none;margin-top:2rem;box-shadow:none;padding:0}.price-list .price-list-elements{margin-top:2rem}.price-list .price-list-elements .price-list-item{flex-direction:column;gap:.5rem}.price-list .price-list-elements .price-list-item span{margin-left:0}}@media only screen and (min-width: 660px){.price-list .price-list-elements .price-list-item{flex-direction:row}.price-list .price-list-elements .price-list-item span{margin-left:auto}}.about-me header{margin-bottom:3rem}.about-me .introduction{display:flex;align-items:flex-start;gap:3rem}.about-me .introduction img{max-width:300px;border-radius:14px;object-fit:cover;object-position:center}.about-me .introduction .introduction-text{font-size:1.2rem;line-height:1.5}.about-me .introduction .introduction-text h3{font-size:1.4rem;margin-bottom:1rem;font-weight:700}@media only screen and (min-width: 1280px){.about-me .introduction{max-width:none!important}}@media only screen and (max-width: 1280px){.about-me .introduction{max-width:none!important}.about-me .introduction .introduction-text h3{font-size:1.1rem}.about-me .introduction .introduction-text {font-size:1rem}}@media only screen and (max-width: 1024px){.about-me .introduction{max-width:none!important;flex-direction:column;justify-content:center;align-items:center}}@media only screen and (max-width: 786px){.about-me .introduction{flex-wrap:wrap}.about-me .introduction img{margin:0 auto;max-width:250px}}@media only screen and (max-width: 480px){.about-me header{margin-bottom:2rem}.about-me .introduction{flex-wrap:wrap;gap:1rem}.about-me .introduction img{max-width:80%}.about-me .introduction .introduction-text h3{font-size:1.3rem}.about-me .introduction .introduction-text p{font-size:1.1rem}}@media only screen and (min-width: 660px){.about-me .introduction{max-width:70%;margin:0 auto}}footer{display:flex;flex-direction:column;gap:1rem;padding:1rem;margin-top:2rem;box-shadow:0 1px 5px #0000001a;font-size:1.1rem;text-align:center;background:linear-gradient(90deg,#effff2,#e3ecff)}footer .contact{display:flex;flex-direction:column;align-items:center;gap:.5rem}footer .contact .contact-item{display:flex;gap:5px}footer .socials{font-size:1.6rem}#email-link,#phone-link{color:inherit;text-decoration:none;font-weight:700}@media only screen and (max-width: 600px){footer .contact .contact-item{flex-direction:column}}@media only screen and (max-width: 480px){footer{font-size:1rem}footer .contact .contact-item{flex-direction:column}}
