body 
{
  background-color: rgb(105, 179, 197);
}

h1 
{
  color: white;
  text-align: center;
  font-size: 5vh;
}

p 
{
  color: rgb(105, 179, 197);
  text-align: center;
  font-size: 2vh;
}

br
{
  line-height: 2vh;
}

button 
{
  color: white;
  font-size: 2vh;
  text-align: center;
}

li 
{
  color: white;
  list-style-type: none;
  font-size: 2vh;
  text-align: center;
}

img
{
    height: 25vmin;
}

 /* unvisited link */
a:link {
  color: white;
}

/* visited link */
a:visited {
  color: white;
}

/* mouse over link */
a:hover {
  color: pink;
}

/* selected link */
a:active {
  color: pink;
} 

.layout {
    width: 100%;
  
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    justify-content: center
  }