@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap";html,body{padding:0;margin:0;background-color:#504749;display:flex;align-items:center;justify-content:center;min-height:100vh;min-width:100vw;font-family:Roboto Mono,monospace}#app{width:100%}h1,p{font-weight:700;color:#fff;text-align:center}h1{font-size:2rem}p{font-size:1.5rem}ul{list-style-type:none;padding:0;margin:0;display:flex;flex-wrap:nowrap;justify-content:center;gap:75px}li.pick-one button{background:none;border:2px solid #ffffff;font-family:Roboto Mono,monospace;height:355px;width:325px;font-size:1.25rem;font-weight:700;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#fff;cursor:pointer;transition:all .1s ease-in-out;padding-top:30px;padding-bottom:20px}li.pick-one button:hover{border:10px solid #ffffff;font-size:1.5rem}li.pick-one img{max-width:250px;max-height:250px}#scores{width:100%;display:flex;justify-content:center;align-items:center;gap:1rem}@media (max-width: 1200px){ul{flex-wrap:nowrap;gap:65px}}@media (max-width: 1024px){li.pick-one button{height:300px;width:250px}li.pick-one img{max-width:200px;max-height:200px}}@media (max-width: 900px){ul{gap:45px}}@media (max-width: 768px){ul{gap:45px}li.pick-one button{height:300px;width:200px}li.pick-one img{max-width:200px;max-height:200px}}@media (max-width: 600px){ul{flex-wrap:wrap;gap:50px}li.pick-one button{height:355px;width:325px}li.pick-one img{max-width:250px;max-height:250px}}@media (max-width: 480px){h1{font-size:1.5rem}p{font-size:1rem}ul{flex-wrap:wrap;gap:50px}}@media (max-width: 320px){ul{flex-wrap:wrap;gap:40px}li.pick-one button{height:300px;width:200px}li.pick-one img{max-width:200px;max-height:200px}#computer-score{padding-right:15px}}