@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";body{font-family:Lato,sans-serif;font-style:normal;font-weight:400;font-size:1.5em;margin:0;text-align:center;background:#0c1831;color:#fff}.App{max-width:860px;margin:40px auto}button{background:none;border:2px solid #fff;padding:6px 12px;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;font-size:1em}button:hover{background:#b22222;color:#fff}.card-grid{margin-top:40px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px}.buttons{display:flex;justify-content:center;gap:20px}.card{position:relative}.card img{width:100%;display:block;border:2px solid #fff;border-radius:6px}.card .front{transform:rotateY(90deg);transition:all ease-in .2s;position:absolute}.flipped .front{transform:rotateY(0);transition-delay:.2s}.card .back{transition:all ease-in .2s;transition-delay:.2s}.flipped .back{transform:rotateY(90deg);transition-delay:0s}.card .back:hover{cursor:pointer}.langButton{border:2px solid #fff;border-radius:6px;width:60px;height:45px;cursor:pointer}