: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%}#root{max-width:1280px;margin:40px auto;padding:1rem}.flex{display:flex;justify-content:center}.heading{text-align:center}.restart{margin:0 auto;cursor:pointer;padding:10px;position:relative}.restart:active{top:2px}.container{margin:20px auto;display:grid;justify-content:center;grid-template-columns:repeat(4,200px);gap:16px}.card{position:relative;display:flex;justify-content:center}.card img{display:block;border-radius:10px}.card .front{transform:rotateY(90deg);transition:all ease-in .2s;position:absolute}.flipped .front{transform:rotateY(0);transition-delay:.2s}.card .rear{transition:all ease-in .2s;transition-delay:.2s;cursor:pointer}.flipped .rear{transform:rotateY(90deg);transition-delay:0s}