code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background:radial-gradient(ellipse at center,#38495a 10%,#090a0f 100%)}html{background:radial-gradient(ellipse at center,#38495a 10%,#090a0f 100%);background:var(--background);height:100%;overflow:hidden}.App{text-align:center}.main{margin:2px auto;max-width:500px}.buttons{align-items:center;display:flex;justify-content:space-evenly}button{background:none;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;font-weight:700;padding:4px}button:hover{background:#03ada5;color:#fff}.card-grid{grid-gap:2px 6px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:10px}#active{background-color:#03ada5}@media (min-width:768px){.card-grid{grid-gap:4px 8px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.main{max-width:860px}}.card{cursor:pointer;position:relative}.card img{border:2px solid #fff;border-radius:6px;display:block;width:100%}.card .front{position:absolute;transform:rotateY(90deg);transition:all .2s ease-in}.flipped .front{transform:rotateY(0deg);transition-delay:.2s}.card .back{opacity:40%;transition:all .2s ease-in;transition-delay:.2s}.flipped .back{transform:rotateY(90deg);transition-delay:0s}footer{bottom:0;font-size:15px;padding-bottom:10px;position:fixed;text-align:center;width:100%;z-index:0}footer div{align-items:center;display:flex;justify-content:center}footer span{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#fff,#65819d);-webkit-background-clip:text;background-clip:text;font-weight:400}footer a{align-items:center;display:flex;text-decoration:none}
/*# sourceMappingURL=main.7ee7bc77.css.map*/