h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2.4rem;
}

h3 {
  font-size: 2.1rem;
}

body {
  font-family: "DM Sans", sans-serif;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
}

a {
  text-decoration: inherit;
}

/*---------------------- Profile Picture ------------------------*/
.profile-picture {
  width: fit-content;
  margin: 6rem auto 3rem;

  img {
    width: 180px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 5px solid rgb(255 120 0);
    object-fit: cover;
    object-position: top;
    transform: rotate(-18.1deg);
  }
}

/* ------------------------ Main -------------------------*/
main {
  max-width: 60ch;
  margin: 0 auto 2rem;
  padding: 2rem;
  color: rgb(51 51 51);

  h1,
  h2,
  h3 {
    font-family: "Montserrat", sans-serif;
    color: rgb(120 120 120);
    line-height: 1.2;
    font-weight: 700;
    margin: 2rem 0;
  }
}

main a {
  text-decoration: underline;
}

main a:focus {
  outline: 2px solid;
  border-radius: 3px;
  outline-offset: 3px;
}

/* List Styles */
main ol li::marker,
main li::marker {
  color: rgb(255 120 0);
  font-weight: 600;
}

.last-updated {
  font-family: "DM Sans";
  font-weight: 500;
}