body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:linear-gradient(#13547a,#80d0c7);background-repeat:no-repeat;display:flex;font-size:1.5rem;justify-content:center;min-height:100vh;padding:0 10px;text-align:center}h1{margin-bottom:10px}button{background-color:#80d0c7;border:1px solid #13547a;border-radius:4px;color:#383838;cursor:pointer;outline:none;padding:10px 15px;transition:all .5s ease}button:hover{background-color:#13547a;border:1px solid #80d0c7;color:#fff}.card__grid{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px}.card img{cursor:pointer;height:150px;object-fit:cover;width:150px}.card img,.front{border:2px solid #13547a;border-radius:5px}.front{background-color:#383838}.card .front{position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .3s ease-in}.flipped .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition-delay:.2s}.card .back{transition:all .3s ease-in-out;transition-delay:.2s}.flipped .back{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition-delay:.2s}@media screen and (max-width:900px){body{padding:10px}h1{font-size:1.2rem}.card img{height:100px;width:100px}.card__grid{grid-gap:2px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px}}
/*# sourceMappingURL=main.797c3cec.css.map*/