@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;700&display=swap);*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:"Josefin Sans",sans-serif;font-size:1.6rem;text-align:center;background-color:#0a0616;height:100vh;padding:6rem 0}.card{position:relative;display:flex;justify-content:center;align-items:center;background-color:#5234ae;border:4px solid #f08c00;border-radius:1.4rem;padding:1.4rem}.card-cover,.card-front{width:65%}.card-cover{padding-bottom:223.35px}.card .card-front{position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .2s ease-in}.flip-card .card-front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition-delay:.2s}.card .card-cover{transition:all .2s ease-in}.flip-card .card-cover{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition-delay:0s}.App{max-width:96rem;margin:0 auto}.header{font-size:5rem;text-transform:uppercase;color:#f08c00;margin-bottom:2.4rem}.btn{background-color:#6c6a73;padding:8px 16px;font-family:inherit;border:none;font-size:2.4rem;transition:all .1s}.btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1);font-weight:600}.grid--4cols{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1.2rem;gap:1.2rem;margin:6rem 0}
/*# sourceMappingURL=main.7881b34b.chunk.css.map */