html,body{margin:0;background-color:#014403;color:#f0f8ff}.titulo{text-align:center;background-color:#000;color:#f0f8ff;padding:20px;font-size:50px}.carta-contenedor{position:relative;width:150px;height:180px;perspective:1000px}.btn-danger,.btn-primary{width:200px;border-radius:40px;border-color:#00e8f8}#jugador-cartas,#computadora-cartas{display:flex;flex-direction:row;align-items:flex-end;gap:0px;padding:100px}.carta{position:absolute;width:100%;height:100%;top:0;left:0}.carta.front,.carta.back{position:absolute;width:100%;height:100%;backface-visibility:hidden}.carta.back{transform:rotateY(0)}.carta.front{transform:rotateY(180deg)}.carta-contenedor.voltear .front{transform:rotateY(0)}.carta-contenedor.voltear .back{transform:rotateY(180deg)}@keyframes repartir{0%{transform:translateY(-100px) rotate(-10deg);opacity:0}to{transform:translateY(0);opacity:1}}#computadora-cartas,#jugador-cartas{height:280px;margin-top:50px}@media(max-width:600px){.titulo{font-size:32px;padding:15px}.carta-contenedor{width:70px;height:105px}.btn-danger,.btn-primary{width:120px;padding:8px 10px;font-size:.9rem}}@media(min-width:601px)and (max-width:1024px){.titulo{font-size:40px}.carta-contenedor{width:90px;height:135px}.btn-danger,.btn-primary{width:150px;padding:10px 15px}}