@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";html{background-color:#1e1e1e}html body{color:#ccc;font-family:Playfair Display,serif;text-align:center;font-weight:400;margin:0 auto;padding:0;overflow-x:hidden;max-width:900px}#background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}#background .dot{position:absolute;width:6px;height:6px;background:radial-gradient(circle,#cccccc 0%,transparent 100%);border-radius:50%;opacity:.7}nav{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#1e1e1efa;box-shadow:0 2px 8px #0006;z-index:10}nav .nav-wrapper{max-width:900px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}nav .brand-logo{color:#ccc;font-family:Playfair Display,serif;font-size:1.7rem;font-weight:700;letter-spacing:2px;text-decoration:none;transition:color .2s}nav .brand-logo:hover{color:#f2f2f2}nav ul{display:flex;align-items:center;margin:0;padding:0;list-style:none}nav ul li{margin-left:28px}nav ul li a{color:#ccc;font-size:1.1rem;text-decoration:none;font-weight:500;padding:6px 10px;border-radius:4px;transition:background .2s,color .2s}nav ul li a:hover{background:#ffffff14;color:#f2f2f2}@media (max-width: 600px){nav .nav-wrapper{flex-direction:column;align-items:flex-start;padding:0 10px}nav .brand-logo{font-size:1.2rem;margin-bottom:6px}nav ul{flex-direction:column;width:100%;position:fixed;top:60px;left:0;width:100vw}nav ul li{background-color:#1e1e1e;padding:5px 20px;width:100%}}nav #hamburger-button{display:none;cursor:pointer;position:fixed;top:12px;right:20px;color:#fff}@media (max-width: 600px){nav #hamburger-button{display:block}}nav #hamburger-button i.material-icons{font-size:36px;transition:transform .3s}main{margin-top:70px}.container{position:relative;height:100vh;width:100%;overflow-y:hidden}.scene{position:absolute;width:100%;top:50vh;left:50%;transform:translate(-50%,-50%);overflow:hidden}h1{font-size:60pt;margin:0;padding-bottom:50px;opacity:0}span#subtitle{font-size:45pt;font-weight:400;opacity:0}#scene2 h2{position:relative;font-size:35pt;text-align:center}#scene2 ul{width:100%;list-style:none;margin:30vh 0 0;padding:0;font-size:20pt;opacity:0}#scene2 ul li{line-height:30px;text-align:left;cursor:pointer}#scene2 #feature-list-container{position:relative;display:flex;width:100%;height:100vh;overflow-x:hidden}#scene2 #feature-list-container #feature-view{position:relative;top:10vh;height:50vh;width:0}#scene2 #feature-list-container #feature-view-content{margin:0 auto;width:80%;max-width:400px;height:100%;border:3px solid #cccccc;border-radius:10px;padding:10px;background-color:#00000080}#scene2 #feature-list-container #feature-view-content h3{font-size:20pt;margin:20px 0;text-align:center;color:#ccc}#scene2 #feature-list-container #feature-view-content p{font-size:15pt;margin:0;text-align:center;color:#ccc}#scene3{height:100vh}#scene3 h2{font-size:35pt;text-align:center}#scene3 a{text-decoration:none}#scene3 #app-list{position:absolute;top:50vh;left:50%;transform:translate(-50%,-50%);width:100%;overflow:hidden}#scene3 #app-list .app-container{position:relative;width:80%;height:150px;margin:0 auto 20px;padding:5px;border-radius:5px;background-color:#00000080}#scene3 #app-list .app-container h3{font-size:20pt;margin:0;text-align:center;color:#ccc}#scene3 #app-list .app-container h3 .subtitle{display:block;font-size:15pt;font-weight:400}#scene3 #app-list .app-container p{font-size:14pt;margin:0;text-align:center;color:#ccc}@media (max-width: 600px){#scene3 #app-list .app-container h3{font-size:16pt}#scene3 #app-list .app-container h3 .subtitle{font-size:12pt}#scene3 #app-list .app-container p{font-size:10pt}}@media (max-width: 600px){h1{font-size:40pt}span#subtitle{font-size:30pt}#scene2 h2{font-size:25pt}#scene2 ul{font-size:16pt}#scene3 h2{font-size:25pt}.app-container{width:90%;height:auto;margin-bottom:20px}}