.hero.svelte-115tyro{position:relative;z-index:0;background-image:url(../../assets/mobile-bg.png);background-size:cover;background-repeat:no-repeat;background-position:top center;width:100%;transform:all .1s ease;height:100vh}@media screen and (min-width: 768px){.hero.svelte-115tyro{background-image:url(../../assets/desktop-bg.png)}}.hero.svelte-115tyro .overlay:where(.svelte-115tyro){position:absolute;top:0;width:100%;height:100%;z-index:1;background-color:var(--lighter);opacity:.4}.container.svelte-115tyro{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;row-gap:2rem;padding:2rem;height:90%}@media (min-width: 768px){.container.svelte-115tyro{padding:2rem}}@media (min-width: 928px){.container.svelte-115tyro{padding:2rem 4rem}}@media (min-width: 1280px){.container.svelte-115tyro{padding:2rem 6rem;max-width:80rem;margin:auto}}.content.svelte-115tyro{display:flex;flex-direction:column;height:50%;row-gap:2rem;padding-top:5rem;max-width:40rem}@media (min-width: 928px){.content.svelte-115tyro{max-width:50rem}}@keyframes svelte-115tyro-overlayAnimation{0%{opacity:0}60%{opacity:0}70%{opacity:.1}80%{opacity:.2}90%{opacity:.3}to{opacity:.4}}.overlay-animation.svelte-115tyro{animation:1s svelte-115tyro-overlayAnimation}