@font-face{font-family:Raleway;src:url(/assets/Raleway-Medium-DjHH8n3v.ttf) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Raleway;font-size:1.5rem;text-align:center;background:#1b1523;color:#fff}.card{position:relative}.card img{width:100%;display:block;border:2px solid #fff;border-radius:6px}.card .front{transform:rotateY(90deg);position:absolute;transition:transform .3s ease-in-out}.flipped .front{transform:rotateY(0);transition:transform .3s ease-in-out}.app{max-width:860px;margin:40px auto}button{background:none;border:2px solid #fff;padding:6px 12px;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;font-size:1em}button:hover{background:#c23866;color:#fff}.card-grid{margin-top:40px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px}