body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #e4e4e4;
}

section {
    text-align: center;
}

.cell {
    font-family: "Permanent Marker", cursive;
    width: 100px;
    height: 100px;
    border: 2px solid #ecd7ba;
    cursor: pointer;
    line-height: 100px;
    font-size: 60px;
}

.game--title {
    font-size: 50px;
    color: #1f1f1f;
    margin: 50px auto;
    opacity: .8;
}

.game--container {
    display: grid;
    grid-template-columns: repeat(3, auto);
    width: 306px;
    margin: 10px auto;
    background-color: #3a3c3e;
    color: #04c0b2;

}

.game--status {
    font-size: 50px;
    color: #1ed86c;
    margin: 20px auto;
}

.game--restart {
    width: 200px;
    border-radius: 5px;
    height: 50px;
    font-size: 25px;
    color: #000000;

}

.game--restart:hover {
    background-color: #1ed86c;
}body {
  font-family: Arial, sans-serif;
  text-align: center;
  background-color: #111;
  margin-top: 30px;
  color: #fff;
}

h1 {
  margin-bottom: 10px;
}

.glowing-time {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
  color: #0ff;
  text-shadow:
    0 0 5px #0ff,
    0 0 10px #0ff,
    0 0 20px #0ff,
    0 0 40px #0ff;
}

#board {
  display: grid;
  grid-template-columns: repeat(3, 100px);
  grid-gap: 10px;
  justify-content: center;
  margin: 20px auto;
}

.cell {
  background-color: #222;
  border-radius: 8px;
  font-size: 3em;
  line-height: 100px;
  cursor: pointer;
  box-shadow: 0 0 10px #0ff inset;
  transition: background-color 0.3s;
  user-select: none;
}

.cell:hover {
  background-color: #333;
}

.glowing-time {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
  color: rgb(255, 255, 255);
  text-shadow: 0 0 5px rgb(48, 59, 59), 0 0 10px rgb(255, 255, 255), 0 0 20px rgb(255, 255, 255), 0 0 40px rgb(44, 49, 49);
}


button {
  padding: 10px 20px;
  font-size: 1em;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  background-color: #0ff;
  color: #000;
}
button:hover {
  background-color: #0cc;
}

select, input[type="radio"] {
  margin: 0 10px 0 0;
}
