body {
  background-color: blueviolet;
  margin:0;
color:black ;
text-align: center;
}
h1{
  color: black;

}
    
    ul {
      list-style-type: none;
      margin: 0;
      margin-bottom: auto;
      padding: 0;
      overflow: hidden;
      background-color: #333;
      position: fixed;
      top: 0;
      width: 100%;
    }
    
    li {
      float: left;
    }
    
    li a {
      display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      border-radius: 30px;
    }
    
    li a:hover:not(.active) {
      background-color: #111;
    }
    
    .active {
      background-color: #04AA6D;
    } 

    div {
      background-color: aquamarine;
      width: 65%;
      margin: auto;
      padding: 20px;

      border-width: 2px;
      border-style: solid;
      border-color: black;

border: 2px solid black;

border-radius: 30px;
box-shadow: 10px 10px 10px grey;
    }

    .button{
        border-radius: 25px;
        background: #73AD21;
        padding: 20px; 
        width: 200px;
        height: 150px;
    } 
    .button {
      position: relative;
      background-color: #04AA6D;
      border: none;
      font-size: 28px;
      color: #FFFFFF;
      padding: 20px;
      width: 200px;
      text-align: center;
      transition-duration: 0.4s;
      text-decoration: none;
      overflow: hidden;
      cursor: pointer;
    }
    
    .button:after {
      content: "";
      background: #f1f1f1;
      display: block;
      position: absolute;
      padding-top: 300%;
      padding-left: 350%;
      margin-left: -20px !important;
      margin-top: -120%;
      opacity: 0;
      transition: all 0.8s
    }
    
    .button:active:after {
      padding: 0;
      margin: 0;
      opacity: 1;
      transition: 0s
    }

  

    .liverpool{
      background-color: aquamarine;
      width: 65%;
      margin: auto;
      padding: 20px;

      border-width: 2px;
      border-style: solid;
      border-color: black;

border: 2px solid black;

border-radius: 30px;
box-shadow: 10px 10px 10px grey;

    }

    .img{
      width: auto;
    }