@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap);*{box-sizing:border-box;font-family:Oswald,sans-serif;margin:0;padding:0;text-align:center}body{background:url(/static/media/body-bg%20copy.071d9f3dba3996644841.png);background-position:50%;background-size:cover;height:100vh}.header h1{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff}button{border-color:transparent;border-radius:50%;color:#000;cursor:pointer;font-size:1.2rem;font-weight:600;height:100px;letter-spacing:.9px;margin-top:30px;transition:all .2s ease-in-out;width:100px}button:hover{background-color:#000;color:#fff;-webkit-transform:scale(1.02);transform:scale(1.02)}.container{padding-top:50px}.card-container{display:flex;flex-wrap:wrap;margin:auto;max-width:1476px;padding:4em 0}.card-images{align-items:center;display:flex;flex:15% 1;justify-content:center}.front-card{margin-left:3px;margin-top:1px;width:108px}.back-card{width:115px}.card-images img{display:block}.back-card{cursor:pointer}.card-images .front-card{display:block;position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .6s ease-in-out}.flipped .front-card{display:block;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.card-images .back-card{transition:all .6s ease-in-out}.flipped .back-card{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .1s ease-in-out;visibility:hidden}@media only screen and (max-width:611px){.header h1{padding-top:10px}button{border-color:transparent;border-radius:50%;color:#000;cursor:pointer;font-size:1.2rem;font-weight:600;height:100px;letter-spacing:.9px;margin-top:20px;transition:all .2s ease-in-out;width:100px}.card-container{padding:4em 0}}@media only screen and (max-width:481px){.header h1{padding-top:10px}button{border-color:transparent;border-radius:50%;color:#000;cursor:pointer;font-size:1.2rem;font-weight:600;height:100px;letter-spacing:.9px;margin-top:20px;transition:all .2s ease-in-out;width:100px}.card-container{padding:4em 0}}@media only screen and (max-width:320px){.header h1{color:#fff;padding-top:10px}button{border-color:transparent;border-radius:50%;color:#000;cursor:pointer;font-size:1.2rem;font-weight:600;height:100px;letter-spacing:.9px;margin-top:20px;transition:all .2s ease-in-out;width:100px}.card-container{padding:4em 0}}.App{margin:auto;max-width:auto;text-align:center;width:100%;width:700px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (max-width:796px){.App{width:600px}}@media only screen and (max-width:611px){.App{width:476px}}@media only screen and (max-width:481px){.App{width:420px}}@media only screen and (max-width:320px){.App{width:320px}}
/*# sourceMappingURL=main.f00a4ad6.css.map*/