:root {
  --body: #84A98C;
  --bLight: #fff;
  --bDark: #2f3e46;
  --tOutline: #cad2c5;
  --title: "Bitcount Grid Double", system-ui;
}

body {
  background-color: var(--body);
  color: black;
  font-family: "Elms Sans", sans-serif;
}

h1 {
  font-family: var(--title);
  font-weight: 400;
  font-size: 5em;
  color: var(--bDark);
  text-shadow: 2px 2px 0 var(--tOutline), 2px -2px 0 var(--tOutline), -2px 2px 0 var(--tOutline), -2px -2px 0 var(--tOutline), 2px 0px 0 var(--tOutline), 0px 2px 0 var(--tOutline), -2px 0px 0 var(--tOutline), 0px -2px 0 var(--tOutline), 2px 2px 2px rgba(255,255,255,0);
  margin: 0;
  text-align: center;
}

#parent {
  display: flex;
  flex-columns: 100px 600px;
  column-gap: 10px;
  justify-content: center;
}

.left {
  background: var(--bLight);
  padding: 15px;
}

.content {
  background: var(--bLight);
  padding: 20px;
}