body{
  color: #000;
  font: 'Nunito Semibold';
  text-align: center;
  background: #e0e0e0; 
}

h2{
  color: #000;
  margin-top: 20px;
}

#content{
  display: grid;
  grid-template-columns: repeat(3, 1fr);  
  grid-gap: 10px;
  max-width: 1080px;
  margin: 0 auto; 
}

#content div{  
  background: #1f1f29;
  padding: 30px;
  color: #fff;
}

#content div:nth-child(even){
  background: #f26968;
  color: #000;
}

.nested{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5px;
  grid-column: span 2;  /*same as grid-column: 1 / 2;*/
}

.nested p{
  border: 1px solid #000;
  padding: 20px;
  margin: 0;
  border-radius: 7px;
}

#content2{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(150px, auto);
  grid-gap: 10px;
  max-width: 1080px;
  margin: 0 auto; 
  /* align-items: start;  /* or end  || default == stretch  align is for up and down*/ 
  /* justify-items: start; /* or end || default == stretch  justify is for left and right*/ 
}

/* For individual element */

/* .one{
  align-self: start;
  justify-self: start;  
} */

/* .two{
  align-self: center;
  justify-self: center;
} */

#content2 div{  
  background: #1f1f29;
  padding: 30px;
  color: #fff;
}

#content2 div:nth-child(even){
  background: #f26968;
  color: #000;
}

#prevPage {  
  font-family: 'Courier New', Courier, monospace;
  font-size: 1.1em;
  font-weight: 600;  
  margin-top: 30px;
  margin-left: -900px;
}

#license{
  font-family: 'Courier New', Courier, monospace;
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 0;  
  padding-left: 0px;
  margin-left: -35px;  
}

#license a {
  text-decoration: none;
}

#footer{
  font-family: 'Courier New', Courier, monospace;
  font-size: 1.4em;
  font-weight: 700;
  padding-top: 0;
  margin-top: 0;
}

#footer a{
  text-decoration: none;
}

#footer a:hover {  
  color: #000;
}