@import url('https://fonts.googleapis.com/css?family=Poppins');

.page-wrapper{
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
  background-image: url("https://www.planwallpaper.com/static/images/3865967-wallpaper-full-hd_XNgM7er.jpg");
grid-gap: 1em;
font-family: "Poppins" ;
}

.intro{
 /*background-color: lightgreen;*/
  display: grid;
  grid-column: 1/5;
}

.preamble{
  background-color: MidnightBlue;opacity: 0.7;
}
.main{
   background-color: MidnightBlue;opacity:0.7;
  display: grid;
  grid-column: 1/4;
}
aside{
  background-color: MidnightBlue;opacity: 0.7;
  display: grid;
  grid-column: 4/5;
}
p{
  font-family: "Poppins" ;
  font-size: 16px;

}

h1{
text-align: center;
  font-family: "Poppins" ;
 font-size: 72px;
   color: gold;
}
h2{
  text-align: center;
  font-family: gill sans;
  font-size: 48px;
  color: gold;
}
h3{
  background-color: black;
  color: white;
  font-family: "Poppins" ;
  font-size: 24px;
  text-indent: 10px;
}
abbr{
  text-decoration: none;
}
a{
  text-decoration: none;
  color: khaki;
}
a:hover {
    color: orange;
}
a:visited{
  color: mediumorchid;
}
ul{
  list-style-type:circle;
}
body{
  color:white;
}
@media (max-width: 700px) {
  .page-wrapper{
   display: block;
    background-image: url("https://www.planwallpaper.com/static/images/3865967-wallpaper-full-hd_XNgM7er.jpg");

  }
}