@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap);body{background:linear-gradient(90deg,#060137,#1404a3,#060137);font-size:1.5em;height:100vh;margin:0 auto;text-shadow:4px 4px 3px red}body,body h4{color:#fff;font-family:Raleway,sans-serif;text-align:center}body h4{font-size:.8em;margin:23px;text-shadow:none}.App{display:grid;justify-content:center;margin:40px}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;color:#fff}*{box-sizing:border-box}.card{border:2px solid #fff;border-radius:6px;display:block;max-width:278px;position:relative}.back,.front{max-width:100%}@media (max-width:400px){.card-grid{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr;margin-top:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media (min-width:401px){.card-grid{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media (min-width:821px){.card-grid{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.card .front{position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .2s ease-in}.flipped .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition-delay:.2s}.card .back{transition:all .2s ease-in;transition-delay:.2s}.flipped .back{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition-delay:0s}
/*# sourceMappingURL=main.7d8aacd1.css.map*/