body {
  background-color: #007F4F;
  color: #7FFFDF;
  font-family: Verdana;
  text-align: center;
}

h1 {
  background-image: linear-gradient(to bottom, white, #7FFFDF, #00BF7F);
  color: darkblue;
  font-family: Courier;
  font-size: 72px;
  padding: 25px;
  text-align: center;
}

a{
  font-family: Courier;
  font-size: 36px;
  font-weight: bold;
  padding: 15px;
  border-style: solid;
  border-width: 10px;
  border-radius: 10px;
  margin: 10px;

  color: black;
  background-image: linear-gradient(to bottom, #7FFFDF, #00BF7F);
  border-color: #009F67;
}

div{
    width: 50%;
    margin: auto;
    margin-bottom: 60px;
    border-style: solid;
    border-width: 5px;
    border-radius: 5px;
    padding: 10px;
    background-color: #f0f0f0;
    color: #007F4F;
    border-color: #b0b0f0;
}

p{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #b0b0f0;
}

.time{
    color: white;
    background-image: linear-gradient(to bottom, red, darkred);
    border-color: #5f0000;
}

.even{
    color: black;
    background-image: linear-gradient(to bottom, pink, #ff7fbf);
    border-color: #ff007f;
}

.rain{
    color: black;
    background-image: linear-gradient(to bottom, #ff7f7f, #ffff7f, #7fff7f, #7fffff, #7f7fff);
    border-color: blueviolet;
}