@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;700;900&display=swap);body{background:#b92b27;background:linear-gradient(90deg,#1565c0,#b92b27);color:#fff;font-family:Raleway,sans-serif;font-size:1.5rem;margin:0;text-align:center}.App{margin:40px auto;width:860px}button{background:none;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:6px 12px}button:hover{background:#c23866;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .2s ease-in-out}.card-grid{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px}.header{border-radius:40px 0;box-shadow:13px 1px 26px -1px hsla(0,18%,91%,.37);-webkit-box-shadow:13px 1px 26px -1px hsla(0,18%,91%,.37);-moz-box-shadow:13px 1px 26px -1px hsla(0,18%,91%,.37);padding:30px;text-shadow:6px 6px 4px hsla(0,0%,59%,.5)}.turn{border-bottom:2px solid #fff;border-right:2px solid #fff;height:auto}.card{position:relative}.card img{border:2px solid #fff;border-radius:6px;display:block;width:100%}.card .front{position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .2s ease-in-out}.flipped .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition-delay:.2s}.card .back{transition:all .2s ease-in-out;transition-delay:.2s}.flipped .back{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition-delay:0s}
/*# sourceMappingURL=main.c8ba3bb3.css.map*/