:root{font-family:Oxanium,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(135deg,#000,#242424 40% 60%,#000);font-synthesis:none;font-kerning:none;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:300;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:min(6vw,60px);line-height:1.1;height:min(6vw,60px)}#app{margin:0 auto;text-align:center}.logo{height:5em;padding:1.5em}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.split{position:relative;transition:.5s color ease;width:100vw;text-align:center;font-weight:400;display:block}.split .first,.split .second{perspective:400px;position:absolute;width:100%}.split>.first>div,.split>.second>div{transform-origin:center center -20px;backface-visibility:hidden}a{color:#ccc;text-decoration:inherit;transition:color .2s ease-in-out}a:hover{color:#eee}.details{display:flex;width:100%;justify-content:center;padding-top:2em;flex-direction:column}.details>div:first-child{margin-bottom:10px}@media(min-width:400px){.details{flex-direction:row}.details>div:first-child{border-right:1px solid #555}}.details>div{padding:0 2rem}