body {
  background-color: white;
  color: black;
  font-family: Verdana;
}

.list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

@media (min-width: 768px){
.list {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.option {
  background-color: #DB0B00;
  padding: 8px;
  border: 2px solid black;
  border-radius: 8px;
  text-align: center;
  
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

  
a {
    color: black;
    text-decoration: none;
    background-color: white;
    border: 2px solid black;
    line-height: 2.5;
    padding: 3px;
    border-radius: 8px;
    }