body{width:100vw;height:100vh;margin:0;overflow:hidden}.card-box{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:1rem;width:100%;max-width:1400px;margin:0 auto}.card{width:100%;max-width:220px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border:4px solid black;overflow:hidden}.card img{width:100%;height:100%}.card:hover{box-shadow:0 0 20px 5px #0ff}.div-container{min-height:95vh;display:flex;justify-content:center;align-items:flex-start}.score-container{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center;padding:50px}.text{font-size:xx-large}select{font-size:large;width:150px;padding:5px}input{height:40px;width:250px}button{width:100px;height:45px}@media (max-width: 1200px){.card-box{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.card-box{grid-template-columns:repeat(2,1fr)}input{width:40vw}}@media (max-width: 1250px){body{overflow-y:scroll}input{width:30vw}}@media (max-width: 480px){.card-box{grid-template-columns:repeat(1,1fr)}}