@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#000;font-family:Raleway,sans-serif;font-size:1.5em;margin:0;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:40px auto;max-width:860px;text-align:center}button{background:#fff;border:none;border-radius:10px;box-shadow:3px 3px 8px #aaa;color:#000;font-size:16px;padding:16px 22px;transition:.5s}button:hover{background:#000;box-shadow:none;color:#fff;cursor:pointer;transition:.5s}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#fff;color:#000;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card-grid{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:40px}.card{position:relative}.card img{border:5px solid #fff;border-radius:10px;box-shadow:3px 3px 8px #aaa;display:block;width:100%}.card img:hover{cursor:pointer}.card .front{position:absolute;transform:rotateY(90deg);transition:all .2s ease-in}.flipped .front{transform:rotateY(0deg);transition-delay:.2s}.card .back{transition:all .2s ease-in;transition-delay:.2s}.flipped .back{transform:rotateY(90deg);transition-delay:0s}
/*# sourceMappingURL=main.2b44b8bc.css.map*/