html {
  height: 100%;
  width: 100%;
}
h1{
  text-align: center;
  color: antiquewhite;
  font-size: 4rem;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
h2{
  text-align: center;
  color: white;
  font-size: 3rem;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
body{
  background-color: black;
}
.btn{
    cursor: pointer;
    border: 3px solid #f8f8f7;
    border-radius: 10px;
    display: block;
    padding: 13px 91px;
    margin: auto;
    margin-top: 25px;
    align-items: center;
    justify-content: center;
    background-color: white;
    font-size: 28px;
    height: 78px;
    width: 26%;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    color: black;
    font-weight:bold;
    font-size: 2rem;
 }
  .btn:hover {
    
    box-shadow: 2px 2px 20px #efd7e1;
    transform: scale(1.1);
    
  }
  #btn1:hover{
background-color: rgb(3, 96, 3);
color:white;
background-image: url(https://tse4.mm.bing.net/th?id=OIP.x8ck4w4MvYYZZ9ESbWAxJwHaEI&pid=Api&P=0&h=180);


  }
  #btn2:hover{
    color:white;
    background-image: url(http://cerrawater.com/water-library/wp-content/uploads/2012/01/august-2009-photography-assignment-water.jpg);
      }
      #btn3:hover{
        background-color:silver;
        color:white;
        background-image: url(https://tse2.mm.bing.net/th?id=OIP.3QL0_x6hvcV4cRcylgo83AHaE8&pid=Api&P=0&h=180);
  
          }