#root{margin:0 auto;text-align:center}@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}}.App{display:flex;flex-direction:column;align-items:center;gap:100px;margin-top:50px;width:100%;height:100vh}.icon-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;width:40vh;height:40vh;align-items:center;justify-content:center;gap:20px}.card{background-color:#00ced1;height:10vh;border-radius:10vh;display:flex;align-items:center;justify-content:center;font-size:4vh}.card:hover{cursor:pointer;scale:1.2}.card.down{background:darkmagenta}.card.up{background:darkorange}.card.selected{background:darkolivegreen}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;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%}