Front of Card

This is the front of the card. It contains important information. Please see overleaf for more details.

Back of Card

Your use of this site is subject to the terms and conditions governing this and all transactions.

/* https://www.youtube.com/watch?v=28VfzEiJgy4&list=WL&index=44&t=91s h1 .overlay-text visible container info-container info .time span falta info .flips body 16 cards h 175 w 125 bc info-contenedor flex justify-content: space-between perspective: 500px cartas grid grid-temp-cols: repeat(4, auto) grid-gap: 10px justify-content: center margin .card .card-back card-face img. transition: transform 100ms ease-in-out .card-front transform: rotateX(180deg) .card-face position: absolute width: 100% height: 100% backface-visibility: hidden border-radius: 12px border-width: 1px border-style: solid card-back bc border-color: .card.visible .card-back { transform: rotate(-180deg) .card.visible .card-front transform: rotateX(0) .overlay-text display: none positio: fixed; top: 0 ... display: flex; justify-content: center; align-items: center; z-index: 100; color: .overlay-text.visible display: flex; animation: overlay-grow 500ms forwards; @keyframes overlay-grow from{ background-color: rgba(0,0,0,0) font-size: 0 to { background-color: rgba(0,0,0,.8) font-size: 10em */