/******* Helaman XYZ******/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --primary: #ddd;
  --box1: #e3e8d7;
  --dark: #333;
  --light: #fff;
  --shadow: 0 1px 5px rgba(104,104,104,0.8);
}

html {
  font-family: Arial, Helvetica, sans-serif;
  color: var(--dark);
}

body {
  position: relative;
  width: 60%;
  line-height: 1.4;
  margin: 0 auto;
  background: url(../images/brown.jpg);
  padding-bottom: 100px;
}

#wrapper {
  display: grid;
  grid-template-columns: repeat 8 1ft;
  grid-template-rows: 100px auto;
  grid-gap: 15px;
  grid-template-areas: "box1 box1 box1 box1 box1 box1 box1 box1" "main main main main main main main main" "footer footer footer footer footer footer footer footer";
}

.box1 {
  grid-area: box1;
  background-color: bisque;
  border: #333 2px solid;
  margin: 0 auto;
}

.main {
  grid-area: main;
  border-color: #531212 2px solid;
}

.footer {
  grid-area: footer;
  border-color: aqua 3px solid;
}/*# sourceMappingURL=template.css.map */