body {

    background:
    linear-gradient(
        135deg,
        #120b18,
        #2a173d
    );

    color:white;

    font-family:
    Georgia, serif;

    text-align:center;

}


h1 {

    font-size:45px;
    color:#d8b4fe;

}


.game {

    display:flex;
    justify-content:center;
    gap:80px;
    margin-top:40px;

}



.board {

    display:grid;

    grid-template-columns:
    repeat(10,40px);

    gap:4px;

}



.cell {

    width:40px;
    height:40px;

    background:#241635;

    border:
    1px solid #9f7aea;

    cursor:pointer;

}



.cell:hover {

    background:#553c9a;

}



.ship {

    background:#805ad5;

}



.hit {

    background:#c53030;

}



.miss {

    background:#4a5568;

}


button {

    margin-top:40px;

    padding:12px 30px;

    background:#6b46c1;

    color:white;

    border:none;

    border-radius:8px;

    cursor:pointer;

}