body{
    text-align:center;
    font-family:Arial, sans-serif;
    background: linear-gradient(135deg,#6a11cb,#2575fc);
    color:white;
}
h1{
    margin-top:30px;
    font-size:42px;
}
#board{
    width:330px;
    margin:40px auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}
.cell{
    width:100px;
    height:100px;
    background:white;
    border-radius:15px;
    font-size:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:0.3s;
    box-shadow:0 4px 10px rgba(0,0,0,0.2);
}
.cell:hover{
    transform:scale(1.08);
    background:#f2f2f2;
}
button{
    padding:12px 25px;
    font-size:18px;
    border:none;
    border-radius:10px;
    background:linear-gradient(to right,#ff7a18,#ffb347);
    color:white;
    cursor:pointer;
    transition:0.3s;
}
button:hover{
    transform:scale(1.1);
}