#app{--innerHeight:calc(100dvh - 5rem);height:100dvh;overflow:hidden;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100vw}#app .index-page{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:var(--innerHeight);padding:5rem 0;position:relative;width:100%}#app .index-page>img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}#app .index-page>h1{font-size:3.5rem;text-align:center}#app .index-page>p{font-size:1.5rem;line-height:1.5;text-align:center;width:85%}#app .index-page .start-btn{background:var(--color-primary);border-radius:.5rem;margin:6rem 0 3rem;padding:1rem 2rem}#app .page{box-sizing:border-box;padding:7rem 10rem;text-align:center}#app .page h2{font-size:3rem;margin-bottom:4rem}#app .page .featured-generators{display:grid;gap:2rem;grid-template-columns:repeat(3,calc(33.33% - 1.35rem))}#app .page .featured-generators .featured-generator{border:1px solid var(--border-color-darker);border-radius:1rem;overflow:hidden;padding-bottom:2rem;text-align:start}#app .page .featured-generators .featured-generator>img{aspect-ratio:2/1.5;-o-object-fit:cover;object-fit:cover;width:100%}#app .page .featured-generators .featured-generator>div{box-sizing:border-box;display:grid;grid-template-rows:auto auto 1fr;padding:0 2rem}#app .page .featured-generators .featured-generator>div>h3{max-width:80%}#app .page .featured-generators .featured-generator>div .generate-now{background-color:var(--color-primary);border-radius:.5rem;color:#fff;cursor:pointer;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}#app .page .ready-to-level{background:linear-gradient(90deg,#024289,#c1deff,#c1deff,#024289);padding:5rem 0;position:relative}#app .page .ready-to-level>h2{margin:0!important}#app .page .ready-to-level>p{font-size:1.15rem;margin:4rem auto;max-width:80%}#app .page .ready-to-level .start-generating{background:var(--color-primary);border-radius:.25rem;color:#fff;cursor:pointer;margin:0 auto;padding:1rem 1.5rem;width:-moz-fit-content;width:fit-content}@media screen and (max-width:900px){#app .index-page>h1{font-size:2rem}#app .index-page>p{font-size:1.15rem}#app .index-page .start-btn{margin-top:1rem}#app .page{padding:2rem .25vw}#app .page h2{font-size:1.5rem}#app .page .featured-generators{align-items:center;display:flex;flex-direction:column}#app .page .featured-generators .featured-generator{width:90%}}