.Home-Page{overflow:auto;display:flex;flex-direction:column;align-items:center;min-height:100vh;overflow-x:hidden;justify-items:center;font-family:var(--font-lato)}.DemoVideo{width:100%;height:500px;border-radius:10px;border:3px solid #070724;margin:20px 20px 120px}.Home-Logo-Container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:30px;margin-top:3%}.Home-Text-Button-Container{margin-top:20px;padding:15px;width:100%;display:flex;flex-direction:column;justify-content:left;align-items:flex-start;border-radius:10px;opacity:1;gap:20px}.Home-button{width:160px;height:50px;font-size:24px;font-weight:800;border-radius:30px;background-color:#fffffc;border:none;cursor:pointer;color:#14142d;margin:30px;display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 0 15px #c6c5ed}.Home-button:hover{box-shadow:0 0 45px #c6c5ed!important;transition:all .3s ease;-webkit-transition:all .3s ease}.Go-Button{height:30px;width:30px;margin-left:20px}.Home-Page-One{display:flex;flex-direction:row;justify-content:left;width:100%;position:relative}.Secondary-Header{margin-bottom:1rem;text-align:center;font-family:Questrial,sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:700;line-height:1.375;--tw-text-opacity:1;color:rgb(7 7 34/var(--tw-text-opacity,1))}.Secondary-Header:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 252/var(--tw-text-opacity,1))}@media (min-width:640px){.Secondary-Header{text-align:left;font-size:3rem;line-height:1.25}}.Secondary-Header-Subtext{font-family:Questrial,sans-serif;font-size:1.5rem;line-height:2rem;--tw-text-opacity:1;color:rgb(53 54 84/var(--tw-text-opacity,1))}.Secondary-Header-Subtext:is(.dark *){--tw-text-opacity:1;color:rgb(198 197 237/var(--tw-text-opacity,1))}@media (min-width:640px){.Secondary-Header-Subtext{font-size:1.875rem;line-height:2.25rem}}.Page-Two-Tiles-Container{display:flex;flex-direction:row;justify-content:space-evenly;position:relative}.Page-Two-Tile{background-color:#c6c5ed;border-radius:10px;padding:20px;margin:40px;color:#14142d;width:250px;height:250px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 15px #c6c5ed}.dark .Page-Two-Tile{background-color:#fffffc;color:#14142d;box-shadow:0 0 15px #14142d}.Page-Two-Tile-Img{width:100px;height:100px}.Page-Two-Tile-Subtext{font-weight:500;font-size:19px}.Quarkle-Image-Conti{display:flex;justify-content:center;align-items:center;gap:30px}.Quarkle-Img-Mascot{height:120px;width:120px}.Home-Page-Three{display:flex;flex-direction:column}.Page-Three-Feature{display:flex;flex-direction:row;padding:30px}.Feature-Title{color:#fffffc;font-size:42px}.Feature-Subtext{font-size:30px;color:#c6c5ed;font-weight:400}.Feature-Demo-Gif{width:60%;height:10%;border:1px solid #e3ded1;border-radius:10px;z-index:2;box-shadow:0 0 25px #14142d}.dark .Feature-Demo-Gif{border:1px solid #14142d;box-shadow:0 0 25px #c6c5ed}.Feature-Text-Container{margin:1rem .5rem}@media (min-width:640px){.Feature-Text-Container{margin-left:2.5rem;margin-right:2.5rem}}.Home-Page-Four{width:100%;background-color:#f1ecff;color:#000;position:relative}.dark .-Four{background-color:#323354;color:#fffffc}.Show-Off-Container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:all .3s ease}.Show-Off-Icon{height:100px;width:100px;filter:invert(100%)}.dark .Show-Off-Icon{filter:invert(0)}#Novel-Icon{width:120px}.Show-Off-Title{font-size:24px;margin-top:12px}.Show-Off-Subtitle{font-size:18px;text-align:center}.Home-Page-Five{display:flex;justify-content:center;align-items:center;color:#f8fafc;flex-direction:column}.Page-Five-Title{font-size:50px}.Page-Five-SubText-SEO{width:60%;font-size:22px;text-align:center}.Enter-Email-Container:hover{box-shadow:0 0 45px #af145f!important;transition:all .3s ease;-webkit-transition:all .3s ease}.Google-Icon{height:80px;width:80px}.Try-Quarkle-Title{font-size:60px}.flair-one{position:relative;width:20%;margin:-10% 150px -10% auto}.flair-two{position:relative;width:25%;margin:-10% auto -10% 0}.flair-three{position:absolute;width:30%;right:-25%;top:-150%}.flair-four{position:relative;width:20%;margin-left:20%;margin-top:-20%;margin-bottom:-10%}.flair-six{position:relative;width:35%;margin-left:10%;margin-top:-10%;margin-bottom:-5%}@media only screen and (max-width:768px){.Home-Page-Five,.Home-Page-Four,.Home-Page-One,.Home-Page-Three,.Home-Page-Two{flex-direction:column;justify-content:center;align-items:center}.Home-Title{text-align:center;font-size:52px}.Home-Text-Button-Container{align-items:center;width:75%}.Page-Three-Feature,.Page-Two-Tiles-Container{flex-direction:column;align-items:center}.Feature-Text-Container,.Show-Off-Container{text-align:center}.Feature-Demo-Gif{width:100%;height:auto}.Enter-Email-Container{flex-direction:row;height:auto;align-items:center;justify-content:center}.Quarkle-Image-Conti{flex-direction:column}.Home-Page{width:100%}.DemoVideo{width:90%}.Home-Page-Five{width:100%;padding:0 20px;box-sizing:border-box}.Page-Five-Title{font-size:35px}.Page-Five-SubText-SEO{font-size:20px}.Enter-Email-Container{width:90%;height:80px;padding:0 20px}.animate-fadeIn{opacity:1!important}}@media screen and (max-width:640px){.Home-Page-Four{padding:15px}.Show-Off-Container{width:100%}#Novel-Icon{width:80px}.Feature-Demo-Gif{width:100%;margin:10px 0}}.bg-gradient-radial-dark-2,.bg-gradient-radial-light{background-size:200% 200%;background-position:50%;background-attachment:fixed}@media screen and (max-width:768px){.animate-fadeIn{animation:fadeIn .5s ease-in-out forwards}.bg-gradient-radial-dark-2,.bg-gradient-radial-light{background-size:300% 300%}}.feature-list-item{position:relative;width:100%}.animate-fadeIn{animation:fadeIn .3s ease-in-out forwards}@media screen and (max-width:768px){.feature-list-item{padding:12px;margin:0;border-radius:8px}.feature-list-item.active{background-color:#0000000d}@keyframes fadeIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.animate-fadeIn{animation:fadeIn .3s ease-in-out forwards}}.feature-item{border-bottom:none;transition:all .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .4s ease-out forwards;opacity:1}@media screen and (max-width:768px){.feature-item{background:#0000;margin-bottom:0}.feature-item.active{background-color:#ffffff1a;border-radius:8px}}
/*# sourceMappingURL=b2e0dba33d842e01.css.map*/