* {
  margin: 0;
  box-sizing: border-box;
}

body { 
  background-color: #2E5283;
  color: SkyBlue;
  font-family: Verdana;
}

a {
  color: Skyblue;
}

.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.header {
  text-align: center;
  grid-column: 1 / span 3;
}

.nonoBox {
  height: 500px;
  width: 662px;
  background-color: Black;
}

.nonoHeader {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: Black;
}

.nonoCell {
  background-color: AliceBlue;
}

.wordleBox {
  height: 600px;
  border-collapse: collapse;
}

.wordleCell {
  border: 2px solid Teal;
  background-color: AliceBlue;
  color: Black;
  font-size: 4vw;
  font-weight: bold;
  text-align: center;
  min-width: 100px;
  min-height: 100px;
  height: 100px;
}