@import"https://fonts.googleapis.com/css2?family=Gruppo&display=swap";html{background-color:#eee;height:100%;padding:0;margin:0}body{margin:0;height:100%;padding:0}#root{text-align:center;padding:0;margin:0}.watermark-wrapper{position:relative;width:100%}.watermark-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-20deg);color:#00000026;font-size:3vw;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:2}.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}