* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }
html, body {
  font-size: 62.5%;
  height: 100%;
  width: 100%;
  }


/*
  background: url(".jpg");


  */

body {
  background-color: #ddc07a;
  background-image: linear-gradient(0deg, rgb(123,199,254),rgb(221,192,122),rgb(221,192,122));
  background-repeat: repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  color: black;
  font-size: 3rem;
  font-family: 'Brush Script MT', cursive;
}
a {
  font-family: 'Brush Script MT', cursive;
  color: black;
}
a:hover {
  background-color: #7BC7FE;
}
hr {
  border: 0;
  border-bottom: ridge 0.4rem #7BC7FE;
  height: 0.8rem;
  margin: 2rem 0 2rem 0;
}
#content {
  padding-top: 4rem;
  padding-bottom: 12rem;
  width: 500px;
  text-align: center;
  margin: 0 auto;
}
#content img {
  width: 500px;
  margin: 2rem 0 2rem 0;
}
@media screen and (max-width: 499px) {
  #content {
    width: 100%;
  }
  #content img {
    width: 95%;
  }
}