#root,body,html{margin:0;min-height:100%}body{background:#1b1523;color:#fff;font-family:Arial,Helvetica,sans-serif}.card{position:relative}.card img{border:2px solid #fff;border-radius:6px;display:block;width:100%}.card .front{position:absolute;transform:rotateY(90deg);transition:all .2s ease-in}.flipped .front{transform:rotateY(0deg);transition-delay:.2s}.card .back{transition:all .2s ease-in;transition-delay:.2s}.flipped .back{transform:rotateY(90deg);transition-delay:0s}.App{margin:40px auto;max-width:860px;padding:0 16px 24px;text-align:center}button{background:none;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:6px 12px}button:hover{background:#c23866;border-color:#c23866}h1{margin-bottom:10px}.instructions{line-height:1.4;margin:0 auto 16px;max-width:620px}.card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:30px}footer{font-size:10px;margin-top:20px}footer,footer a{color:#fff}
/*# sourceMappingURL=main.926c4470.css.map*/