* {
  font-size: 18px;
  letter-spacing: 3px;
}

html {
  padding: 1%;
  font-family: Courier, "Courier New", monospace;
  background-color: rgb(244, 195, 241);
}

body {
  max-width: 95%;
  margin: auto;
  background-color: plum;
  border: 10px dashed limegreen;
  box-shadow: 10px 10px 15px 5px rgba(97, 13, 130, 0.662);
}

header {
  padding: 3%;
  background-image: url(https://i.pinimg.com/originals/d9/0d/7e/d90d7ed248aefeae4148c4cfe616ba84.gif);
  background-size: cover;

  & > div {
    display: inline-block;
    height: 100%;
    min-width: fit-content;
  }

  & #header-image {
    border: 5px solid whitesmoke;
    border-radius: 50%;
    overflow: hidden;

    & figure {
      padding: 0;
      margin: 0;
    }
  }

  & #header-text {
    color: whitesmoke;
    text-shadow: black 3px 2px 0px;

    & h1 {
      font-size: 5rem;
      font-style: italic;
      padding-bottom: 6vh;
    }

    & h2 {
      font-size: 3rem;
      padding-left: 2rem;
      padding-bottom: 1vh;
    }

    & ul li {
      list-style-type: none;
      font-size: 2rem;
    }

    & a {
      font-size: 2rem;
      color: rgb(76, 200, 241);
      text-shadow: rgb(255, 255, 255) 1px 1px 0px;
    }
  }
}

main {
  padding: 1%;
  background-color: cadetblue;

  & article {
    background-color: salmon;
    color: lemonchiffon;
    padding: 1%;
    margin-bottom: 1%;
    border: 7px inset magenta;
    padding: 1% 3% 2% 3%;

    & h2 {
      color: darkmagenta;
      font-size: 2rem;
      padding-bottom: 1%;
    }

    & li {
      list-style-type: disc;
      padding-left: 1;
    }
  }
}