#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.group{position:relative;left:0;right:0;bottom:0;margin:auto;width:500px;height:500px}.main{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:200px;width:200px;border-radius:100%;background:#6a6561;overflow:hidden}.shade{position:absolute;top:0;left:10;right:0;bottom:0;margin:auto;height:200px;width:180px;border-radius:100%;background:#514c48;opacity:.5}.legs{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:60px;width:34px;border-radius:0 0 55% 55%;top:160px;left:-145px;transform:rotate(24deg);background:#6a6561;z-index:-1}.legs:after{position:absolute;height:60px;width:34px;background:#6a6561;border-radius:0 0 55% 55%;transform:rotate(-48deg);bottom:60px;left:131px;content:""}.legs:before{content:"";position:absolute;height:60px;width:34px;border-radius:0 0 55% 55%;opacity:.5;transform:rotate(-48deg);left:131px;bottom:60px;background:#514c48;z-index:1}.rim{position:absolute;height:20px;width:160px;left:170px;top:150px;border-radius:20px;background:#6a6561;overflow:hidden}.rim:after{content:"";position:absolute;height:20px;width:130px;left:30px;opacity:.5;border-radius:20px;background:#514c48}.bubbles{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;top:-190px;right:55px;height:50px;width:50px;border-radius:100%;background:#49c399;z-index:-1;animation:bub .6s infinite ease-in-out alternate}.bubbles:after{position:absolute;left:30px;height:50px;width:50px;border-radius:100%;background:#66cdaa;content:"";animation:bub .5s infinite ease-in-out alternate}.bubbles:before{position:absolute;left:60px;height:50px;width:50px;border-radius:100%;background:#359473;content:"";animation:bub 1.5s infinite ease-in-out alternate}.broom{position:absolute;top:0;left:30px;right:0;bottom:270px;margin:auto;height:180px;width:20px;background:#54260e;border-radius:5px;transform:rotate(25deg);animation:broom 3s ease-in-out alternate infinite;z-index:-2}.shadow{position:absolute;bottom:120px;left:110px;height:50px;width:270px;border-radius:100%;opacity:.3;background:#f88e25;z-index:-2}@keyframes bub{0%{transform:translateY(5px)}to{transform:translateY(-2px)}}@keyframes broom{to{transform:translate(-30px);transform:translateY(23px)}}@media only screen and (max-width: 767px){.main{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:12.5vmin;width:12.5vmin;border-radius:100%;background:#6a6561;overflow:hidden}.shade{position:absolute;top:0;left:10;right:0;bottom:0;margin:auto;height:12.5vmin;width:11.25vmin;border-radius:100%;background:#514c48;opacity:.5}.legs{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:3.75vmin;width:2.125vmin;border-radius:0 0 55% 55%;top:10vmin;left:-9.063vmin;transform:rotate(24deg);background:#6a6561;z-index:-1}.legs:after{position:absolute;height:3.75vmin;width:2.125vmin;background:#6a6561;border-radius:0 0 55% 55%;transform:rotate(-48deg);bottom:3.75vmin;left:8.188vmin;content:""}.legs:before{content:"";position:absolute;height:3.75vmin;width:2.125vmin;border-radius:0 0 55% 55%;opacity:.5;transform:rotate(-48deg);left:8.188vmin;bottom:3.75vmin;background:#514c48;z-index:1}.rim{position:absolute;top:0;left:0;right:29vmin;bottom:30vmin;margin:auto;height:1.25vmin;width:10vmin;left:29.313vmin;top:18.75vmin;border-radius:1.25vmin;background:#6a6561;overflow:hidden}.rim:after{content:"";position:absolute;height:1.25vmin;width:8.125vmin;left:1.875vmin;opacity:.5;border-radius:1.25vmin;background:#514c48}.bubbles{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;top:-11.875vmin;right:3.483vmin;height:3.125vmin;width:3.125vmin;border-radius:100%;background:#49c399;z-index:-1;animation:bub .6s infinite ease-in-out alternate}.bubbles:after{position:absolute;left:3.125vmin;height:3.125vmin;width:3.125vmin;border-radius:100%;background:#66cdaa;content:"";animation:bub .5s infinite ease-in-out alternate}.bubbles:before{position:absolute;left:3.75vmin;height:3.125vmin;width:3.125vmin;border-radius:100%;background:#359473;content:"";animation:bub 1s infinite ease-in-out alternate}.broom{position:absolute;top:0;left:3.125vmin;right:0;bottom:16.875vmin;margin:auto;height:11.25vmin;width:1.875vmin;background:#54260e;border-radius:.313vmin;transform:rotate(25deg);animation:broom 3s ease-in-out alternate infinite;z-index:-2}.shadow{position:absolute;top:44vmin;bottom:31vmin;right:29.313vmin;left:29.313vmin;height:3.125vmin;width:16.875vmin;border-radius:100%;opacity:.3;background:#f88e25;margin:auto;z-index:-2}@keyframes bub{0%{transform:translateY(.313vmin)}to{transform:translateY(-.125vmin)}}@keyframes broom{to{transform:translate(-3.125vmin);transform:translateY(1.438vmin)}}}.footer{background-color:"purple";font-size:"20px";color:"white";border-top:"1px solid #E7E7E7";text-align:"center";padding:"20px";position:"fixed";left:"0";bottom:"0";height:"60px";width:"100%"}.phantom{display:"block";padding:"20px";height:"60px";width:"100%"}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;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:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;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{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}