style.css

:root{
    font-size: 62.5%;
}
body{
    background-color: rgb(252, 252, 252);
    line-height: 2em;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.container{
    margin-bottom:5rem;
    max-height: 100rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}


h3{
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: large;
    text-decoration: none;
    text-align: center;
}

.grid{
  
  margin: 2rem auto;  
  display: flex;
  flex-wrap: wrap;
  width: 40rem;
  height: 30rem;
         
}

.grid img{
    
    height: 8rem;
    width: 8rem;
    padding: .2rem .2rem;
    border: .1rem solid;
}

.footer{
    margin-top: 5rem;
    font-size: inherit !important;
    

}

h4{
    font-size: 1.5rem;
    text-decoration: none;
}