*{box-sizing: content-box;} 

body {background-image: url("https://traderoftrouble.neocities.org/neocities_space.jpg");
        background-repeat: repeat;}

.parentgrid { 
display: grid;
grid-template-areas: 'header header header header'
                    'animals animals animals animals'
                    'books books books books'
                    'games games games games'
                    'prev  footer footer next';
    gap: 40px;
    margin-left: 20px;
    margin-right: 20px;

}
.header { grid-area: header;
        text-align-last: center;
        color: rgba(41, 27, 27, 1);
        background-color: rgba(57,178,255,0.5);
        outline-color: rgb(102, 175, 80);
        outline-style: solid;
        outline-width: 6px;
        border-radius: 10px;
        padding: 20px;
        margin: auto;
}
.animals { 
grid-area: animals;
display: flexbox; 
flex-wrap: wrap;
flex-direction: row; 
background-image: url("https://traderoftrouble.neocities.org/images/ruledpaper.jpeg");
justify-content: center;  
max-width: 600px;
place-self: center;
   border-radius: 10px;
  outline-color: rgba(57,178,255,0.5);
  outline-style: solid;
  outline-width: 10px;
padding: 10px;
}
.animals div { 
margin: 10px;
padding: 10px; 
}

.animalbutton { 
background-color: rgba(0.0,0.0,0.0,0.0);
text-decoration: none;
box-shadow: 0;
font-size: 25px; 
border-radius: 10px;
outline-color: rgba(95, 62, 38, 0.72);
outline-style: dashed; 
max-width: 600px;

}
.books{
grid-area: books; 
display: flexbox; 
flex-wrap: wrap;
flex-direction: row; 
background-image: url("https://traderoftrouble.neocities.org/images/ruledpaper.jpeg");
justify-content: center;  
max-width: 600px;
place-self: center;
   border-radius: 10px;
  outline-color: rgba(57,178,255,0.5);
  outline-style: solid;
  outline-width: 10px;
padding: 10px}

.books div { margin: 10px;
padding: 10px;
}

.booksbutt {
background-color: rgba(0.0,0.0,0.0,0.0);
text-decoration: none;
box-shadow: 0;
font-size: 25px; 
border-radius: 10px;
outline-color: rgba(95, 62, 38, 0.72);
outline-style: dashed; 
      
}

.games{ 
grid-area: games; 
display: flexbox; 
flex-wrap: wrap;
flex-direction: row; 
background-image: url("https://traderoftrouble.neocities.org/images/ruledpaper.jpeg");
justify-content: center;  
max-width: 600px;
place-self: center;
   border-radius: 10px;
  outline-color: rgba(57,178,255,0.5);
  outline-style: solid;
  outline-width: 10px;
padding: 10px;       
}

.games div {
margin: 10px;
padding: 10px; 
}
.gamesbutt { 
background-color: rgba(0.0,0.0,0.0,0.0);
text-decoration: none;
box-shadow: 0;
font-size: 25px; 
border-radius: 10px;
outline-color: rgba(95, 62, 38, 0.72);
outline-style: dashed; 

}

.prev { 
grid-area: prev;
margin: auto;
}



.footer { 
grid-area: footer;
margin: auto;
}

.next {
grid-area: next;
margin: auto;
}