@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Roboto:wght@458&display=swap);*{margin:0;padding:0;font-family:"Poppins",sans-serif}.result-container{height:100vh;width:100vw;background:#4c5c68;display:flex;align-items:center;justify-content:center;display:none}.result{position:relative;display:flex;justify-content:center;top:520px;font-size:100px;font-weight:600;color:#0e213f;text-shadow:4px 4px 10px rgb(0 0 0 / .4)}.newGame{position:absolute;top:770px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:600;border-radius:50px;border:none;height:50px;width:300px;color:#cdeac0;background-color:#0e213f;cursor:pointer;transition:all 0.3s ease-in}.newGame:hover{color:#cdeac0;background-color:#0e213f;transform:translateX(-50%) scale(1.05);box-shadow:0 0 5px #1352fd,0 0 10px #1352fd,0 0 15px #1352fd;text-shadow:0 0 5px #6e95ff,0 0 10px #1352fd}.main-container{height:100vh;width:100vw;background:#4c5c68;display:flex;align-items:center;justify-content:center}.game-container{position:absolute;height:900px;width:700px;border-radius:8px;border:none;background:#3e1929;display:flex;align-items:center;justify-content:center;flex-direction:column}.playerturn{position:relative;bottom:35px;height:50px;width:400px;font-size:30px;font-weight:600;font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;color:#0e213f;background-color:#cdeac0;border:none;border-radius:20px}.box-container{height:640px;width:600px;background:#3e1929;border-radius:8px;border:none;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 4px 20px rgb(0 0 0 / .4)}.tictacbox{height:180px;width:180px;border:2px solid #000;border-radius:8px;color:#0e213f;background:#ffc9b9;font-size:100px;font-weight:900;font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:center;align-items:center;cursor:pointer}.disabled{pointer-events:none;opacity:.8}.reset{position:relative;font-size:22px;font-weight:600;border-radius:50px;border:none;height:50px;width:150px;color:#0e213f;background-color:#cdeac0;cursor:pointer;top:50px;transition:all 0.5s ease-in}.reset:hover{background-color:#ffc9b9;transition:all 0.5s ease;box-shadow:0 0 5px #ff7f50,0 0 10px #ff7f50,0 0 15px coral;text-shadow:0 0 5px #fff,0 0 10px coral}@media (max-width:768px){.result-container{height:100vh;width:100vw;background:#4c5c68;display:flex;align-items:center;justify-content:center;display:none}.result{position:absolute;left:50%;transform:translateX(-50%);display:flex;justify-content:center;top:520px;font-size:70px;font-weight:600;width:550px;color:#0e213f;text-shadow:4px 4px 10px rgb(0 0 0 / .4)}.newGame{position:absolute;top:720px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;font-size:22px;font-weight:600;border-radius:50px;border:none;height:50px;width:280px;color:#cdeac0;background-color:#0e213f;cursor:pointer;transition:all 0.2s ease-in}.newGame:hover{color:#cdeac0;background-color:#0e213f;transform:translateX(-50%) scale(1.05);box-shadow:0 0 5px #1352fd,0 0 10px #1352fd,0 0 15px #1352fd;text-shadow:0 0 5px #6e95ff,0 0 10px #1352fd}.game-container{position:absolute;height:900px;width:400px;border-radius:8px;border:none;background:#3e1929;display:flex;align-items:center;justify-content:center;flex-direction:column}.playerturn{position:relative;bottom:90px;height:50px;width:350px;font-size:22px;font-weight:600;font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;color:#0e213f;background-color:#cdeac0;border:none;border-radius:20px}.box-container{height:420px;width:370px;background:#3e1929;border-radius:8px;border:none;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 4px 20px rgb(0 0 0 / .4)}.tictacbox{height:100px;width:100px;border:2px solid #000;border-radius:8px;color:#0e213f;background:#ffc9b9;font-size:60px;font-weight:900;font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:center;align-items:center;cursor:pointer}.disabled{pointer-events:none;opacity:.8}.reset{position:relative;font-size:22px;font-weight:600;border-radius:50px;border:none;height:50px;width:150px;color:#0e213f;background-color:#cdeac0;cursor:pointer;top:90px;transition:all 0.5s ease-in}.reset:hover{background-color:#ffc9b9;transition:all 0.5s ease;box-shadow:0 0 5px #ff7f50,0 0 10px #ff7f50,0 0 15px coral;text-shadow:0 0 5px #fff,0 0 10px coral}}@media (max-width:412px){.result-container{height:100vh;width:100vw;background:#4c5c68;display:flex;align-items:center;justify-content:center;display:none}.result{position:absolute;left:50%;transform:translateX(-50%);display:flex;justify-content:center;top:520px;font-size:50px;font-weight:600;width:380px;color:#0e213f;text-shadow:4px 4px 10px rgb(0 0 0 / .4)}.newGame{position:absolute;top:650px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:600;border-radius:50px;border:none;height:40px;width:200px;color:#cdeac0;background-color:#0e213f;cursor:pointer;transition:all 0.2s ease-in}.newGame:hover{color:#cdeac0;background-color:#0e213f;transform:translateX(-50%) scale(1.05);box-shadow:0 0 5px #1352fd,0 0 10px #1352fd,0 0 15px #1352fd;text-shadow:0 0 5px #6e95ff,0 0 10px #1352fd}.game-container{position:absolute;height:600px;width:330px;border-radius:8px;border:none;background:#3e1929;display:flex;align-items:center;justify-content:center;flex-direction:column}.playerturn{position:relative;bottom:40px;height:40px;width:285px;font-size:22px;font-weight:600;font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;color:#0e213f;background-color:#cdeac0;border:none;border-radius:20px}.box-container{height:350px;width:320px;background:#3e1929;border-radius:8px;border:none;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 4px 20px rgb(0 0 0 / .4)}.tictacbox{height:75px;width:75px;border:2px solid #000;border-radius:8px;color:#0e213f;background:#ffc9b9;font-size:45px;font-weight:900;font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:center;align-items:center;cursor:pointer}.disabled{pointer-events:none;opacity:.8}.reset{position:relative;font-size:18px;font-weight:600;border-radius:50px;border:none;height:40px;width:120px;color:#0e213f;background-color:#cdeac0;cursor:pointer;top:40px;transition:all 0.5s ease-in}.reset:hover{background-color:#ffc9b9;transition:all 0.5s ease;box-shadow:0 0 5px #ff7f50,0 0 10px #ff7f50,0 0 15px coral;text-shadow:0 0 5px #fff,0 0 10px coral}}