@import url("https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap");.hero-container{position:relative;width:100vw;height:100vh;overflow:hidden}.clear-image{width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:1;filter:brightness(.6)}.clear-image,.hero-text{position:absolute;top:50%;left:50%}.hero-text{transform:translate(-50%,-50%) translateX(0);text-align:center;color:var(--foreground);z-index:2;opacity:1;transition:transform 1s ease,opacity 1s ease}.hero-text.slide-out{transform:translate(-50%,-50%) translateX(-100vw);opacity:0}.hero-text h1{font-size:13rem;margin-bottom:15px;color:var(--primary-1);text-shadow:2px 2px 5px var(--primary-4)}.hero-text h1,.hero-text p{font-family:Tangerine,cursive}.hero-text p{font-size:2.5rem;margin-bottom:30px;color:#95a26b}.get-started{font-family:Tangerine,cursive;font-size:2rem;color:#b1bb8d;cursor:pointer;text-decoration:none;border:2px solid var(--primary-3);padding:.7rem 2.5rem;border-radius:20px;background:transparent;transition:all .3s ease}.get-started:hover{opacity:.95;background-color:hsla(45,34%,65%,.15)}@media (max-width:768px){.hero-text h1{font-size:6rem;margin-bottom:10px}.hero-text p{font-size:1.5rem;margin-bottom:20px}.get-started{font-size:1.5rem;padding:.5rem 1.5rem}.clear-image{object-position:center top}}@media (max-width:1024px){.hero-text h1{font-size:9rem}.hero-text p{font-size:2rem}.get-started{font-size:1.8rem;padding:.5rem 2rem}}