html,body{color:#fff;background-color:#2f4f2f;margin:0}.titulo{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:2px;background:#000;border-bottom:3px solid gold;padding:4px 0;font-size:2.2rem;font-weight:700;box-shadow:0 4px 12px #0000004d}.titulo h1{font-size:inherit;margin:0;animation:1s fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.btn{letter-spacing:.4px;text-transform:uppercase;border-radius:8px;margin:0 8px;padding:8px 16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 15px -5px #0000004d}.btn:active{transform:translateY(1px)}h2{text-align:center;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;border-left:4px solid gold;border-right:4px solid gold;border-radius:50px;margin:15px 0;padding:12px 20px;font-size:1.6rem;font-weight:lighter}#cartas-jugador,#cartas-computadora{background:#0003;border-radius:20px;min-height:220px;padding:20px 0;display:flex;position:relative}.carta{filter:brightness();cursor:pointer;border-radius:12px;width:150px;margin-left:-75px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;left:100px;box-shadow:0 4px 8px #0003}.carta:hover{filter:brightness(1.05);transition:all .2s;transform:translateY(-15px)scale(1.05);box-shadow:0 15px 30px #00000059}.carta:active{transform:translateY(-8px)scale(.98)}@media (width<=480px){.titulo{letter-spacing:1px;border-bottom-width:2px;padding:8px 0;font-size:1.2rem}h2{border-left-width:2px;border-right-width:2px;margin:10px 0;padding:6px 12px;font-size:1rem}.btn{width:auto;min-width:70px;padding:6px 8px;font-size:.6rem}.carta{width:100px;margin-left:-25px;left:40px}}@media (width<=770px){.titulo{letter-spacing:1.5px;padding:6px 0;font-size:1.8rem}h2{border-left-width:3px;border-right-width:3px;padding:8px 16px;font-size:1.3rem}.btn{margin:0 2px;padding:8px 14px;font-size:.9rem}.carta{width:120px;margin-left:-50px;left:75px}}