body {
  background-color: #F9F5FC;
}

div {
  background-color: #F1EEFA;
  border: 0.25em outset #F1EEFA;
  border-radius: 20%;
  color: #F1EEFA;
  display: inline-block;
  font-size: 2em;
  font-family: monospace;
  margin: 0;
  min-height: 1em;
  min-width: 1em;
}

.container {
  background-color: #F1EEFA;
  border: 0.5em inset #AAF;
  border-radius: 0.625em;
  margin: 0 auto;
  padding: 2em;
  text-align: center;
  width: 30em;
}

.element-1 {
  background-color: #dde;
  border-color: #ccd;
  color: black;
}

body {
  background-color: #F9F5FC;
}

div {
  background-color: #F1EEFA;
  border: 0.25em outset #F1EEFA;
  border-radius: 20%;
  color: #F1EEFA;
  display: inline-block;
  font-size: 2em;
  font-family: monospace;
  margin: 0;
  min-height: 1em;
  min-width: 1em;
}

.container {
  background-color: #F1EEFA;
  border: 0.5em solid #AAF;
  box-shadow: 0.25em 0.25em 0.25em #333;
  margin: 0 auto;
  padding: 2em;
  text-align: center;
  width: 30em;
}

Update container in stylesheet to use box shadow
Update container in stylesheet to use box shadow
