.divrow {
display: flex;
justify-content: start;
}
.divrow div {
text-align: center;
margin: 10px 0px 10px 20px;
}
.ticktacktoe {
margin: 10px auto 0px auto;
border-collapse: collapse;
padding: 0;
}
.ticktacktoe td {
border: 1px solid #000000;
border-collapse: collapse;
border-spacing: 0;
font-family: arial,helvetica,sans-serif;
font-weight: bold;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
padding: 0px;
}
.t1415f {
border: 1px solid #000000;
background-color: #c0ffc0;
width: 100%;
max-width: 300px;
min-width: 0;
user-select: none;
}
.t1415p {
border: 2px solid #404040;
border-collapse: separate;
border-spacing: 0.5px;
background-color: #c0c0c0;
padding: 0px;
margin: auto;
}
.t1415p td {
border: 1px solid #000000;
border-collapse: collapse;
border-spacing: 0;
background-color: #ffffff;
font-family: arial,helvetica,sans-serif;
font-weight: bold;
font-size: 20px;
text-align: center;
vertical-align: middle;
}
.t1415p td img {
background-color: #ffffff;
margin: 2px;
}
.t1415p td.empty {
background-color: #c0c0c0;
border-width: 0px;
}
.t1415p td.empty img {
background-color: transparent;
margin: 2px;
}
.t1415s {
border: 2px solid #404040;
border-collapse: separate;
border-spacing: 1px;
background-color: #c0c0c0;
padding: 0px;
}
.t1415s td {
border: 1px solid #000000;
border-collapse: collapse;
border-spacing: 0;
background-color: #ffffff;
color: #0000ff;
font-family: arial,helvetica,sans-serif;
font-weight: bold;
font-size: 20px;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
padding: 0px;
}
.t1415s td.empty {
border-width: 0px;
background-color: transparent;
color: #000000;
}
.crossword {
display: inline-grid;
grid-template-columns: repeat(7, 40px);
grid-template-rows: repeat(7, 40px);
gap: 0px;
border: 1px solid #000;
margin: 10px;
background-color: white;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cw-cell {
position: relative;
width: 40px;
height: 40px;
border: 1px solid #000;
text-align: center;
}
.cw-cell input {
width: 100%;
height: 100%;
text-align: center;
border: none;
outline: none;
font-size: 28px;
color: #0000c0;
background-color: transparent;
}
.cw-cell::before {
content: attr(clue);
position: absolute;
top: 2px;
left: 2px;
font-size: 10px;
color: black;
}
.cw-cell[clue="*"] {
background-color: black;
}
.cw-sol {
border: 1px solid #000;
border-collapse: collapse;
border-spacing: 0;
text-align: center;
background-color: #ffffff;
}
.cw-sol td {
border: 1px solid #000;
color: #0000c0;
}