/* CSS files add styling rules to your content */

body {
  font-family: helvetica, arial, sans-serif;
  margin: 2em;
}

h1 {
  font-style: italic;
  color: #373fff;
}

.home-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1em;
}

.heading{
    text-align: center;
    grid-column: 1/5;
    grid-row: 1;
}

.button{
    grid-column: 1/5;
    grid-row: 2;
    justify-self: center;
}

.random-image{
    grid-column: 1/5;
    grid-row: 3;
    justify-self: center;
}

.find{
    text-align: center;
}

.link{
    grid-column: 1/5;
    grid-row: 4;
    justify-self: center;
    text-decoration: none;
}

.link ul li{
    text-decoration: none;

}