@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#072238;color:#fff;font-family:Ubuntu,sans-serif;font-size:1.5em;text-align:center}.App{margin:40px auto;max-width:860px}button{background:none;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;margin:.5em;padding:6px 12px;transition:all .3s}button:hover{background-color:#16d298;box-shadow:0 1px 25px #4ee787;color:#fff}.disabled{background-color:#3f6788;text-decoration:line-through}h1{padding-bottom:1rem}h1,h2,p{margin:1rem}.Score{display:inline-flex}.card-grid{grid-gap:20px;display:grid;justify-items:center;padding-bottom:2rem;padding-top:2rem}.Confetti *{display:inline-flex;justify-content:center}.four-card{grid-template-columns:1fr 1fr 1fr 1fr}.five-card{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.eight-card{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.ten-card{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}window{height:100px;width:170px}.card{height:7rem;position:relative;width:7rem}.card img{border:2px solid #fff;border-radius:6px;display:block;height:100%;width:100%}.card .front{position:absolute;transform:rotateY(90deg)}.card .back,.card .front{transition:all .2s ease-in}.card .back,.flipped .front{transition-delay:.2s}.flipped .front{transform:rotateY(0deg)}.flipped .back{transform:rotateY(90deg);transition-delay:0s}.About{border:2px solid #fff;padding:10px}.icon{padding:10px 5px 5px;width:45px}.icon .button{padding:10px}a{color:#4478a6;text-decoration:none}a:hover{border-bottom:1px solid #26445e;color:#26445e}a:visited{border-color:#84aacc;color:#84aacc}