.page-wrapper{
  background-color: lightgrey;
  background-size: cover;
  padding:8px;
  margin:8px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-gap:2px;
}

.intro{
 background-image: url("../image/paper.jpg");
  grid-column:1/3;
  display:grid;
  grid-template-columns:2fr 1fr;
  padding:12px 36px;
  outline-style:solid;
  outline-width: thin;
  outline-color:white;
  outline-offset:-7px;

}
h1{
  font-family: 'Anton', sans-serif;
  font-size:20px;
  text-align: center;
  color:white;
  margin-top: 40%;
}
h2{
  font-family: 'Anton', sans-serif;
  font-size:40px;
  text-align:center;
  color:white;

}
h3{
  font-family: 'Quicksand', sans-serif;
  font-weight: lighter;
  font-size: 10pt;
  color:white;
}
body{
  font-family: 'Open Sans', sans-serif;
  font-size: 8pt;
  color:white;

}


.summary{
  /* background-color:lightgrey; */
  grid-column:2/3;
  margin-top:10px;
  padding:50px 10px;
  color:white;
  font-size: 10pt;
  border-left: solid;
  border-width: thin;

}
.preamble{
  grid-column:1/3;

}
.supporting{
  grid-column:1/3;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-gap: 2px;
  color:white;
}
.explanation{
  background-color:black;
  grid-column:1/5;
  padding:15px 20px;
  outline-width: thin;
  outline-style:solid;
  outline-color:white;
  outline-offset:-7px;

}
.participation{
  background-color:black;
  grid-column:1/5;
  padding:15px 20px;
  outline-style:solid;
  outline-width: thin;
  outline-color:white;
  outline-offset:-7px;
}
.benefits{
  background-color:black;
  grid-column:1/5;
  padding:15px 20px;
  outline-style:solid;
  outline-width: thin;
  outline-color:white;
  outline-offset:-7px;

}
.requirements{
  background-color:black;
  grid-column:1/5;
  padding:15px 20px;
  outline-style:solid;
  outline-width: thin;
  outline-color:white;
  outline-offset:-7px;
}
footer{
  grid-column:1/5;
  background-color:white;
  padding:15px 20px;
  outline-style:solid;
  outline-width: thin;
  outline-color:black;
  outline-offset:-7px;
  text-align:center;

}
aside{
  background-color:white;

  padding:15px 20px;
  outline-style:solid;
  outline-width: thin;
  outline-color:black;
  outline-offset:-7px;
  grid-column:1/3;

}
a{
    color:red;
}

a:hover {
    color:red;
  }

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

.design-selection{
  grid-column:1/2;
}
.design-archives{
  grid-column:2/3;

}
.zen-resources{
  grid-column:3/4;
}
.zen-resources a{
  color:red;
}
.design-archives a{
  color:red;
}
.design-archives a:hover {
    color:red;
  }
  .design-selection, .design-archives , .zen-resources {
  color:#000000;
}
#design-selection ul li a:hover {
    color:black;
  }
  #design-selection ul li a{
    color:red;
  }
.zen-resources a:hover {
    color:red;
}
.select{
  color:black;
  font-weight: bold;
}
.archives{
  color:black;
  font-weight: bold;
}
.resources{
  color:black;
  font-weight: bold;
}