:root{--primary:#ffce00;--secondary:#fe4880;--dark:#6b3fff;--light:#f3f3f3}*{margin:0;padding:0}body{background-color:#0c0d0d;font-family:sans-serif;min-height:100vh;width:100%}.container{margin:0 auto;max-width:1024px}header,section{color:#ccc;padding-top:20px;text-align:center}h1{color:#fe4880;font-family:cursive}h2,h3,h4{color:#ffce00}p{margin:.5em}a{color:#6aa0f1}a:visited{color:#8675ee}a:hover{border-bottom:1px solid #fff9}.cards{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 auto;max-width:720px}.flipping-card{flex:0 1 200px;margin:1em}.card{height:300px;margin:0 auto;max-height:300px;max-width:200px;perspective:1000px;transition:max-height 1s ease-out}.reduced{max-height:70px}.card__inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform 1s;width:100%}.card__inner.is-flipped{transform:rotateY(180deg)}.card__face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;box-shadow:0 3px 18px 3px rgba(0,0,0,.2);color:#fff;display:flex;font-size:xx-large;height:100%;justify-content:center;overflow:hidden;position:absolute;text-align:center;width:100%}.card__face--front{background-image:linear-gradient(to bottom right,var(--primary),var(--secondary))}.card__face--back{background-image:linear-gradient(to bottom right,var(--light),var(--dark));transform:rotateY(180deg)}#final{font-size:x-large}#results{font-size:large;margin-top:2em}.results-button{background-image:linear-gradient(to bottom right,var(--light),var(--primary));border:.2 solid var(--secondary);border-radius:5px;margin:1em;padding:.5em;white-space:nowrap}.buttons{display:flex;justify-content:space-between;margin:1em 0}.buttons button{background-image:linear-gradient(to bottom right,var(--light),var(--primary));border:.2 solid var(--secondary);border-radius:5px;flex:1 1;font-size:small;margin:0 .5em;padding:.5em;white-space:nowrap}audio{position:absolute;right:0}
/*# sourceMappingURL=index.8e8dabef.css.map */