*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
}

body {
  background-color: black;
  font-family: "Open Sans", sans-serif;
}
body section {
  margin: 2rem auto;
  padding: 0.5rem;
  max-width: 60rem;
}
body section h1 {
  -webkit-background-clip: text;
          background-clip: text;
  background-image: linear-gradient(to right, orange, lightsalmon, rgba(160, 25, 0, 0.9));
  color: transparent;
  text-align: center;
  font-size: 7.5rem;
  margin: 3rem auto;
}
body section img {
  max-width: 25rem;
  margin: 0.5rem;
  border-radius: 2rem;
  -webkit-animation: moveInLeft 1s ease-out;
          animation: moveInLeft 1s ease-out;
  float: right;
}
@-webkit-keyframes moveInLeft {
  0% {
    translate: 10rem -3rem;
  }
  100% {
    translate: 0rem 0rem;
  }
}
@keyframes moveInLeft {
  0% {
    translate: 10rem -3rem;
  }
  100% {
    translate: 0rem 0rem;
  }
}
body section p {
  color: cornsilk;
  font-size: 2rem;
  margin: 1.5rem auto;
  -webkit-animation: moveInRight 1s ease-out;
          animation: moveInRight 1s ease-out;
}
body section p a {
  color: palegreen;
  text-decoration: none;
}
@-webkit-keyframes moveInRight {
  0% {
    translate: -10rem 3rem;
  }
  100% {
    translate: 0rem 0rem;
  }
}
@keyframes moveInRight {
  0% {
    translate: -10rem 3rem;
  }
  100% {
    translate: 0rem 0rem;
  }
}/*# sourceMappingURL=style.css.map */