html,body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}html{scroll-behavior:smooth}body#page-main-body{background:#000;padding:5vh 0}body#page-main-body .content-wrapper{display:flex;flex-direction:column;align-items: center;gap:10vh}#page-main-body h1{font-size:2em}#page-main-body a{color:#fff}.animated-section-wrapper{box-sizing:border-box;perspective:100px;transform-style:preserve-3d;view-timeline-name:--main-page-animated-section;width:90%;height:90vh}.animated-section{animation-name:zip-out;animation-timeline:--main-page-animated-section;box-sizing:border-box;color:#fff;background:#000;width:100%;height:100%}.simple-centered-section{display:flex;flex-direction:column;justify-content:center;align-items: center}.multi-item-centered-section{display:flex;flex-direction:row;justify-content:center;align-items: center;gap:1em}.rounded-image-container{overflow:hidden;border-radius:1000em;flex:none;box-shadow:0 0 4px .2em #fff}.rounded-image-container img{display:block}.long-form-text{width:min(600px,90vw)}.short-form-text{width:min(200px,90vw)}@keyframes zip-out{0%{opacity:1;transform:translate(0,0)rotateX(0)}50%{opacity:1;transform:translate(0,0)rotateX(0)}53.5%{opacity:1;transform:translate(0,0)rotateX(0)}to{opacity:.25;transform:translateZ(-150vh)rotateX(90deg)}}.section-indicator{position:fixed;display:flex;z-index:1000;flex-direction:column;gap:1rem;top:50%;right:2rem;transform:translateY(-50%)translateZ(0)}.indicator-dot{cursor:pointer;text-decoration:none;display:block;background:0 0;border:2px solid #ffffff4d;border-radius:1000em;width:12px;height:12px;transition:all .3s}.indicator-dot:hover{background:#ffffff4d}.indicator-dot.active{background:#fff;border-color:#fff}@media (max-width:768px){.section-indicator{gap:.75rem;right:.5rem}.indicator-dot{border-width:1.5px;width:8px;height:8px}}@media (orientation:portrait){.multi-item-centered-section{flex-direction:column;gap:.5em}.multi-item-centered-section h1,.multi-item-centered-section h2{text-align:center}}