.app__side-menu.svelte-znupry{--width: 20rem;--duration: .8s;--timing: ease;display:flex;flex-direction:column;position:fixed;right:0;top:0;overflow:hidden;height:100%;width:var(--width);box-shadow:0 0 2px var(--accent-clr);background:var(--secondary-clr);color:#fff;z-index:2;transition:transform var(--duration) ease,-o-transform var(--duration) ease,-ms-transform var(--duration) ease,-moz-transform var(--duration) ease,-webkit-transform var(--duration) ease;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translate(100%);will-change:transform}.app__menu-link.svelte-znupry:nth-child(1){margin-top:var(--navbar-height)}.app__menu-link.svelte-znupry{color:#fff;text-decoration:none;font-size:1.5rem;padding:1rem 2rem;transition:.3s ease;background:transparent}.app__menu-link.svelte-znupry:hover{background:#00000039}.app__side-menu.active.svelte-znupry{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}@media screen and (max-width: 700px){.app__side-menu.svelte-znupry{--width: 100%}}@media (min-width: 1000px){.app__side-menu.svelte-znupry{display:none}}.app__top-menu.svelte-1advsb5{display:flex;align-items:center}.app__top-menu.svelte-1advsb5 .top__menu-link:where(.svelte-1advsb5){color:#fff;text-decoration:none;margin:1rem;font-size:1.2rem;transition:color .3s ease}.app__top-menu.svelte-1advsb5 .top__menu-link:where(.svelte-1advsb5):hover{color:var(--accent-clr)}.top__menu-cta.svelte-1advsb5{display:flex;justify-content:center;align-items:center;border-radius:1000px;height:2.5rem;margin:0 1rem;text-decoration:none;font-size:1.2rem;width:7rem;color:#fff;background-color:#76b813;transition:transform .3s ease}.top__menu-cta.svelte-1advsb5:active{transform:scale(.9)}@media (max-width: 1001px){.app__top-menu.svelte-1advsb5{display:none}}.hamburger-button.svelte-1jjughz{display:flex;cursor:pointer;position:relative;flex-direction:column;background-color:transparent;border:none;width:2.8rem;height:2rem;margin-right:1rem;z-index:3;overflow:hidden;outline:none}.hamburger-layer.svelte-1jjughz{display:block;width:100%;height:4px;background:var(--accent-clr);position:absolute;right:0;margin-left:auto;margin-right:auto;transition:translate .3s ease}.hamburger-button.svelte-1jjughz span:where(.svelte-1jjughz):nth-child(1){top:2px}.hamburger-button.svelte-1jjughz span:where(.svelte-1jjughz):nth-child(2){top:50%;transform:translateY(-50%)}.hamburger-button.svelte-1jjughz span:where(.svelte-1jjughz):nth-child(3){bottom:2px}.hamburger-button.svelte-1jjughz:hover span:where(.svelte-1jjughz):nth-child(2){translate:10px}.hamburger-button.active.svelte-1jjughz span:where(.svelte-1jjughz):nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg);width:110%}.hamburger-button.active.svelte-1jjughz span:where(.svelte-1jjughz):nth-child(2){opacity:0}.hamburger-button.active.svelte-1jjughz span:where(.svelte-1jjughz):nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg);width:110%}@media (min-width: 1000px){.hamburger-button.svelte-1jjughz{display:none}}.navbar.svelte-99w660{background:var(--secondary-clr);height:var(--navbar-height);width:100%;position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:center;z-index:5;box-shadow:0 0 5px var(--accent-clr)}.navbar__container-right.svelte-99w660{display:flex;align-items:center;z-index:3}.navbar__heading.svelte-99w660{font-size:1.9rem;font-family:Kaushan Script,cursive;color:var(--accent-clr)}.navbar__subheading.svelte-99w660{color:#ffde9c;font-size:1.1rem;font-style:italic;font-weight:400;transform:translateY(-10px)}.navbar__logo-container.svelte-99w660{margin:1rem .5rem 1rem 1rem;width:3rem;height:3rem;background:linear-gradient(45deg,var(--accent-clr) 5%,white 75%);border-radius:50%}.navbar__logo-container.svelte-99w660 img:where(.svelte-99w660){width:100%;height:100%;object-fit:cover}.navbar__container-left.svelte-99w660{display:flex;align-items:center;justify-content:center;gap:1rem}@media screen and (max-width: 800px){.navbar__heading.svelte-99w660{font-size:2rem}}@media screen and (max-width: 300px){.navbar__heading.svelte-99w660,.navbar__subheading.svelte-99w660{display:none}.navbar__logo-container.svelte-99w660{margin:.5rem;width:3rem;height:3rem}}
