:root {
    --global-font-size: 15px;
    --global-line-height: 1.4em;
    --background-color: #222225;
    --font-color: #e8e9ed;
    --invert-font-color: #222225
    --invert-font-color: #222225;
    --primary-color: #62c4ff;
    --secondary-color: #a3abba;
    --tertiary-color: #a3abba;
    --error-color: #ff3c74;
    --progress-bar-background: #3f3f44;
    --progress-bar-fill: #62c4ff;
    --font-stack: Menlo, Monaco, Lucida Console, Liberation Mono,
      DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace,
      serif;
    --input-style: solid;
}

.split-grid {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-column-gap: 50px;
    grid-row-gap: 5em;
    grid-template-areas: "header header header"
                         "main main main"
                         "body_a body_b body_c"
                         "footer footer footer";

}

main {
  grid-area: main;
}

header {
  grid-area: header;
}

.body_a {
  grid-area: body_a;
}

.body_b {
  grid-area: body_b;
}

.body_c {
  grid-area: body_c;
}

footer {
  grid-area: footer;
}