body {
  border: 80px solid transparent;
    /* padding: 15px; */
  border-image: url(lights.png) 130 round;
  }

.page-wrapper{
  width: 95%;
  margin: 0 auto;
  /* padding-top: 10%; */
  display: grid;
  grid-template-columns: 2fr 1fr;

}

.sidebar {
  grid-column: 2;
  grid-row: 1 / span 2;
  padding-left: 2em;

}

.intro h1{
  font-family: "didot" bold ;
  font-size:80px;
  text-align: center;
}

.intro h2{
  border-bottom: 2px solid crimson;
  font-family: "didot";
  text-align: center;
  font-size: 25px;
}

 .intro p{
   font-family: "Avenir";

 }

 .preamble h3 {
   border-bottom: 2px solid crimson;
   font-family: "didot";
   text-align: center;
   font-size: 25px;
 }

 .preamble p{
   font-family: "Avenir";
 }

 .explanation h3{
   border-bottom: 2px solid crimson;
   font-family: "didot";
   text-align: center;
   font-size: 25px;

 }

.explanation p{
  font-family: "Avenir";
}

.participation h3{
  border-bottom: 2px solid crimson;
  font-family: "didot";
  text-align: center;
  font-size: 25px;
}

.participation p{
  font-family: "Avenir";
}

.benefits h3{
  border-bottom: 2px solid crimson;
  font-family: "didot";
  text-align: center;
  font-size: 25px;
}

.benefits p{
  font-family: "Avenir";
}

.requirements h3{
  border-bottom: 2px solid crimson;
  font-family: "didot";
  text-align: center;
  font-size: 25px;
}

.requirements p{
  font-family: "Avenir";
}


.design-selection li:first-child {
  list-style-image: url(images/pink.png);
}

.design-selection li:nth-child(2){
  list-style-image: url(images/orange.png);
}

.design-selection li:nth-child(3) {
  list-style-image: url(images/teal.png);
}

.design-selection li:nth-child(4) {
  list-style-image: url(images/green.png);
}

.design-selection li:nth-child(5) {
  list-style-image: url(images/purple.png);
}

.design-selection li:nth-child(6) {
  list-style-image: url(images/yellow.png);
}

.design-selection li:nth-child(7) {
  list-style-image: url(images/red.png);
}

.design-selection li:nth-child(8) {
  list-style-image: url(images/blue.png);
}

.design-selection a {
  color: black;
  /* text-decoration: none; */
  font-family: "Avenir";
}

a {
  color:crimson;
  text-decoration: none;
  font-family: "Avenir";
}

.design-selection h3{
  font-family: "didot";
  padding-top: 60%;
  padding-left: 7%;
  padding-right: 10%;
}

.design-archives h3{
  font-family: "didot";
  padding-left: 7%;
  padding-right: 10%;
}

.zen-resources h3{
  font-family: "didot";
  padding-left: 7%;
  padding-right: 10%;
}

footer {
  background-image: url(images/NYCskyline.png);
  height: 300px;
  width: 1277px;
  right:43px;
  position: absolute;
}

.zen-validate-html {
  position: absolute;
    bottom: 50px;
    left: 156px;
}

.zen-validate-css{
  position: absolute;
    bottom: 50px;
    left: 985px;
}

.zen-license{
  position: absolute;
    bottom: 50px;
    left: 444px;
}

.zen-accessibility{
  position: absolute;
    bottom: 50px;
    left: 749px;
}

.zen-github{
  position: absolute;
    bottom: 50px;
    left: 602px;
}

@media screen and (max-width: 600px){
  body{
    background: pink;
  }

  }

@media screen and (max-width: 1095px){
  body{
    background: lightgrey;
  }
 






.