:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;color:#ffffffde;color-scheme:light dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;height:100%;line-height:1.5;text-rendering:optimizeLegibility;width:100%}#app,#root,body,html{height:100%;padding:0;text-align:center;width:100%}a{color:#646cff;font-weight:500;text-decoration:inherit}a:hover{color:#535bf2}body{display:flex;margin:0;min-height:100vh;min-width:320px;overflow-x:hidden;place-items:center}h1{font-size:3.2em;line-height:1.1}button{background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;padding:.6em 1.2em;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{background-color:#fff;color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}.spacer{height:100vh}.logo{height:4em;padding:1.5em;transition:filter .3s;will-change:filter}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}.scrolling-text{background-color:#00000080;border-radius:10px;box-shadow:0 0 10px #00000080;margin:0 auto;max-width:80%;opacity:0;padding:1em;transition:opacity 1s ease-in-out}.scrolling-text h1{color:#fff;margin:.5em 0}.scrolling-text.visible{opacity:1}.image-element{opacity:0;transform:translateY(20px);transition:all .5s ease-in-out}.animate-in{opacity:1;transform:translateY(0)}.animate-out{opacity:0;transform:translateY(-20px)}.image-wrapper{display:flex;justify-content:center;margin:20px 0}.image-wrapper img{display:block;height:auto;max-width:10px;min-width:10px;object-fit:contain}.image-container{display:flex;justify-content:center;margin:69px 0;max-width:none;position:relative;width:100%}.image-container img{border-radius:35px;display:block;height:auto;max-height:80vh;max-width:80vw;width:auto}.text-overlay{color:#fff;left:50%;position:absolute;text-align:center;top:70%;transform:translate(-50%,-50%);z-index:10}.app{position:relative}.app,.image-layer{height:100%;width:100%}.image-layer{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.content{position:relative;z-index:2}.move-left img{animation:moveLeft 3s linear infinite alternate;animation-range-start: -100%;}.move-right img{animation:moveRight 3s linear infinite alternate;animation-range-start: 100%;}@keyframes moveLeft{0%{transform:translateX(-55vw) translateX(50%) rotate(var(--rotate))}to{transform:translateX(55vw) translateX(-50%) rotate(var(--rotate))}}@keyframes moveRight{0%{transform:translateX(55vw) translateX(-50%) rotate(var(--rotate))}to{transform:translateX(-55vw) translateX(+50%) rotate(var(--rotate))}}.title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,violet,indigo,blue,green,#ff0,orange,red);color:#0000;font-size:8em;font-weight:700;margin:.5em 0;text-shadow:#1a1a1a -2px 2px 20px}@media (max-width:768px){body{padding:1rem}h1{font-size:2em}.spacer{height:500px}}
/*# sourceMappingURL=main.b631cb5a.css.map*/