@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);body{font-family:"Lobster",cursive;margin:0;font-size:1.5em;text-align:center;background-color:#bd742d;color:#252723}.App{max-width:1100px;margin:40px auto}.App h1{font-weight:900}.App h1,.App h3{margin:0}button{background:#252723;border:2px solid #252723;padding:6px 12px;border-radius:10px;color:#fff;cursor:pointer;font-size:1em;margin-top:50px}button:hover{background:#8995a4;color:#252723}.card-grid{margin-top:40px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:20px}p{font-weight:700}@media screen and (max-width:480px){.App h1{font-size:32px}.App h3{font-size:20px}.card-grid{display:grid;grid-template-columns:1fr 1fr 1fr;place-items:center}button{font-size:.7em}p{font-size:20px}}.card{position:relative}.card img{display:block;border:2px solid #fff;border-radius:6px;height:120px;width:204px}.card .front{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .2s ease-in;position:absolute}.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}@media screen and (max-width:480px){.card img{height:60px;width:102px}}
/*# sourceMappingURL=main.478d034c.chunk.css.map */