body {
   background-color: #222725;
   height: 100vh;
   margin: 0;
   font-family: "Nunito", sans-serif;
}
h1 {
   font-family: "Yeseva One", cursive;
   font-size: 36px;
   color: #fff;
}
.heading,
#container {
   display: flex;
   justify-content: center;
}
.heading {
   padding: 80px 0 30px 0;
   text-align: center;
}
.btn {
   background-color: #899878;
   color: #fff;
   border: none;
   width: 55px;
}
.btn:hover {
   background-color: #e4e6c3;
   color: #121113;
   transition: all 300ms ease-in-out;
   cursor: pointer;
}
footer {
   color: #fff;
   font-size: 16px;
   text-align: center;
   margin-top: 45px;
   text-align: center;
}
.webLink {
   color: #fff;
   text-decoration: none;
}
.webLink:hover {
   color: #fff;
}
.authorLink {
   color: #899878;
   text-decoration: none;
}
.authorLink:hover {
   color: #e4e6c3;
}

@media all and (max-width: 920px) {
   #container img {
      width: 640px;
   }
}
@media all and (max-width: 540px) {
   h1 {
      font-size: 30px;
   }
   #container img {
      width: 400px;
   }
}
@media all and (max-width: 500px) {
   h1 {
      font-size: 24px;
   }
   #container img {
      width: 300px;
   }
   .btn {
      width: 30px;
   }
   footer {
      font-size: 14px;
   }
}