body{
  color: white;
  background: black;
  font-family: "Courier New"
}

.box{
  max-width: 1000px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 3fr 3fr 1fr;
}

.covers{
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  padding: 0px 5px 0px 5px;
  display: block;
}

a{
  color:white;
  padding: 10px;
}
  
header{
  text-align: center;
  padding-top: 25px;
  padding-bottom: 0px;
  grid-column: 1 / 4;
  grid-row: 1 / 2;
}

nav{
  text-align: center;
  padding-top: 30px;
  padding-bottom: 0px;
}

.nav-link{
 text-decoration: none; 
}
  
.nav-link:hover{
 text-decoration: underline; 
}

footer{
  grid-column: 1 / 4;
  grid-row: 4 / 5;
  text-align: center;
  padding-top: 25px;
}

box1{
 grid-column: 1 / 2;
 grid-row: 2 / 3;
 padding:0px 10px 10px 10px;
 text-align: center; 
}

box2{
 grid-column: 2 / 3;
 grid-row: 2 / 3;
 padding:0px 10px 10px 10px;
 text-align: center; 
}

box3{
 grid-column: 3 / 4;
 grid-row: 2 / 3;
 padding:0px 10px 10px 10px;
 text-align: center; 
}

box4{
 grid-column: 1 / 2;
 grid-row: 3 / 4;
 padding:0px 10px 10px 10px;
 text-align: center; 
}

box5{
 grid-column: 2 / 3;
 grid-row: 3 / 4;
 padding:0px 10px 10px 10px;
 text-align: center; 
}

.covers:hover{
  opacity: .3;
  transform: scale(0.9);
}