html{scroll-behavior:smooth}.home{opacity:.7;background:url(../media/background.342fb3e5.PNG) 50% -20vh/cover no-repeat;width:100vw}.content{flex-direction:column;display:flex}.landing,.matchme,.chanceme{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.text{opacity:0;flex-direction:column;justify-content:center;align-items:center;transition:all .8s cubic-bezier(.25,.46,.45,.94);display:flex;transform:translateY(60px)}.button-container{opacity:0;transition:all 1s cubic-bezier(.25,.46,.45,.94) .3s;transform:translateY(40px)}.text h1{opacity:0;color:#fff;font-size:5rem;font-weight:700;transition:all .8s cubic-bezier(.25,.46,.45,.94) .2s;transform:translateY(30px)}.text h2{opacity:0;color:#fff;text-align:center;width:100%;margin:1rem;font-size:3.5rem;font-weight:700;transition:all .8s cubic-bezier(.25,.46,.45,.94) .2s;transform:translateY(30px)}.text p{opacity:0;color:#fff;text-align:center;width:40%;font-size:1.5rem;font-weight:300;transition:all .8s cubic-bezier(.25,.46,.45,.94) .1s;transform:translateY(30px)}.animate-in .text,.animate-in .button-container,.animate-in .text h1,.animate-in .text h2,.animate-in .text p{opacity:1;transform:translateY(0)}.landing .text,.landing .button-container{animation:1s cubic-bezier(.25,.46,.45,.94) forwards fadeInUp}.landing .button-container{animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.home button{color:#fff;cursor:pointer;background-color:#36a8b4;border:none;border-radius:5rem;width:12rem;height:4rem;margin:1.5rem;font-family:inherit;font-size:1.5rem;font-weight:700;transition:all .3s}.home button:hover{background-color:#2a7f8c;transform:translateY(-2px);box-shadow:0 8px 25px #36a8b44d}.text h1:hover{transition:transform .3s;transform:scale(1.02)}.matchme p,.chanceme p{text-align:center;width:43%}.matchme button,.chanceme button{width:16rem;height:4rem}@media (max-width:768px){.text h1{font-size:3rem}.text p{width:80%;font-size:1.25rem}.matchme p,.chanceme p{width:80%}.home button{width:10rem;height:3.5rem;font-size:1.2rem}.matchme button,.chanceme button{width:14rem}}