:root{box-sizing:border-box;background-color:#696969;margin:0;padding:0}header{text-align:center;color:silver;margin-top:50px;font-size:1.5rem}.score-display{text-align:center;color:silver;margin-bottom:50px;font-size:xx-large}.score-display.score{margin-bottom:0}.card-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;padding-left:20px;display:grid}.card-container h1{text-align:center;width:100%}body{position:relative}.game-over-modal{z-index:1000;background-color:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;top:0;left:0}.game-over-modal h2{color:#fff;text-shadow:0 4px 6px #0000004d;margin-bottom:2rem;font-size:3rem;animation:.4s ease-out slideDown}.game-over-modal button{color:#fff;cursor:pointer;background-color:#353535;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;transition:all .3s;animation:.4s ease-out .1s backwards slideUp;box-shadow:0 4px 15px #0000004d}.game-over-modal button:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 25px #0006}.game-over-modal button:active{transform:translateY(0)scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card{background-color:#a9a9a9;border-radius:20px;flex-direction:column;display:flex}.card:hover{box-shadow:.3em .3em 1em #d1f328ac}.card-name{text-align:center;align-self:center;font-size:1.5rem}.card img{align-self:center;width:90%;height:auto}