body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box}body{background:#d0e0e6;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:50px;line-height:1;font-family:"Patrick Hand",sans-serif}p{text-align:right;font-size:50px;color:#999;margin-top:0;margin-bottom:10px;margin-right:10px}p strong{font-size:14px;color:#777}.cards{display:grid;grid-template:repeat(4,1fr)/repeat(4,1fr);grid-gap:10px;gap:10px}.rotate-card{height:150px;width:150px;border-radius:2px;background:#000;cursor:pointer;background:none;border:none;outline:none}.rotate-card.flipped .inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.inner{position:relative;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .6s cubic-bezier(.38,.02,.09,1.66)}.rotate-card .back,.rotate-card .front{display:flex;align-items:center;justify-content:center;border-radius:8px;position:absolute;top:0;left:0;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.rotate-card .front{background:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rotate-card .back{background:#51dce0;color:#d6aeb5;font-size:100px;transition:all .3s ease}.rotate-card .back:hover{background:#dba8b1;color:#fff;-webkit-transform:scale(1.02);transform:scale(1.02)}
/*# sourceMappingURL=main.6f32366e.chunk.css.map */