body {
    background-color: #188463;
}

h3,
h2 {
    background-image: linear-gradient(to bottom right, red, red, red, black, white, white, white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px black;
}

p {
    font-size: larger;
    color: white;
    text-shadow: 1px 1px 0 black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black;
}

/* tabella div */
.tabella,
.riga,
.cella {
    margin: 0;
    padding: 0;
    border: 0;
}

.tabella {
    display: table;
    width: 100%;
}

.riga {
    clear: both;
    display: block;
    display: table-row;
    width: 100%;
}

.cella {
    float: left;
    display: table-cell;
}

/* popup */
.popup {
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translate(-50%, 0);
    background-color: #bfbfbf;
    opacity: 0.90;
    padding: 4px;
    border: 1px solid #3f3f3f;
    border-radius: 8px;
}

/* fieldset */
.fieldgame {
    background-color: #188463;
    border-style: dotted;
    border-color: silver;
    border-radius: 8px;
}

/* legend */
legend {
    margin: 0 auto;
}