body{background:#242424;width:500;height:500;font-family:Times New Roman,Times,serif}.container{text-align:center}.title{margin-top:50px;color:#fff;font-size:40px;display:flex;justify-content:center;align-items:center}.title span{color:#ff8a00;padding-left:15px}.reset{width:210px;height:60px;background-color:#ff8a00;border:none;outline:none;cursor:pointer;border-radius:25px;color:#fff;font-size:24px;margin-top:25px;transition:background-color .3s ease;box-shadow:0 4px 8px #0003}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:473px;margin:auto}.boxes{height:120px;width:150px;background:#1f3540;border:4px solid #0f1b21;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.boxes img{margin:50px}.winner{margin-top:20px;font-size:24px;font-weight:700;color:#ff8a00;text-align:center;transition:color .3s}.winner:hover{color:#fff}@media screen and (max-width: 768px){.board{width:380px;gap:8px}.boxes{height:100px;width:120px}.title{font-size:32px}.reset{width:180px;height:50px;font-size:20px}.boxes img{margin:40px}}@media screen and (max-width: 576px){.board{width:300px;gap:6px}.boxes{height:80px;width:90px}.title{font-size:28px;margin-top:30px}.reset{width:160px;height:45px;font-size:18px;margin-top:20px}.boxes img{margin:30px}.winner{font-size:20px;margin-top:15px}}@media screen and (max-width: 380px){.board{width:240px;gap:5px}.boxes{height:65px;width:75px;border-width:3px;border-radius:8px}.title{font-size:24px;margin-top:20px}.title span{padding-left:10px}.reset{width:140px;height:40px;font-size:16px;margin-top:15px}.boxes img{margin:20px}.winner{font-size:18px;margin-top:12px}}@media only screen and (min-width: 360px) and (max-width: 768px){html,body{overflow:hidden;width:100vw;height:100vh}.board{width:300px}.title{font-size:28px}.reset{width:160px;height:45px;font-size:18px}}