@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

body {
  font-family:
    "DM sans",
    Roboto,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 12px;
}

h1 span {
  font-size: 1.3rem;
  color: hsl(0 0 50%);
}

section.me img {
  width: 150px;
  border: 5px solid hsl(0 0 0);
  border-radius: 100%;
}

section {
  width: 75%;
}

li span {
  color: hsl(0 0 50%);
}

.contact-item a {
  text-decoration: none;
  color: hsl(0 0 0);
}