/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

    html {
  background: black url(cloudtexture.png) no-repeat center fixed;
  background-size: cover;
}
img {
  display: block;
  margin: auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  img {
    width: 40%;
  }
}
  .btn-group {
      display: flex;
      justify-content: center;
      margin: 15px;
    }
    .button {
      background-color: #428766;
      color: #181818;
      padding: 14px 16px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      font-family: Georgia, "Times New Roman", serif;
      font-variant: small-caps;
      margin: 4px 4px;
      cursor: pointer;
      border-top: 2px solid #54AB81;
      border-right: 2px solid #366D53;
      border-bottom: 2px solid #366D53;
      border-left: 2px solid #54AB81;
    }
.content {background-color: rgba(0, 0, 0, 0.5); color: #368087; border: 5px double #368087; padding: 30px; margin: 25px 10px; font-family: Verdana, Arial, sans-serif; text-align: center; line-height: 1.5;}
@media screen and (min-width: 768px) {
  .content { margin: 25px 50px}
}
a {color: #428766;}
footer {
  color: #428766;
  width: 300px;
  margin: 15px auto 0px auto;
  text-align: center;
  }