portfolio/assets/styles/components/typography.scss

a:hover {
  opacity: .8;
}

p {
  line-height: 1.45em;
  margin-bottom: 1em;
}

p.indent, .indent p {
  text-indent: 3em;
}

h1 {
  font-size: xx-large;
  margin-bottom: 1em;
}

h2 {
  font-size: x-large;
  margin-top: 1.5em;
  margin-bottom: .8em;
}

h3 {
  font-size: large;
}


.section-title {
  display: grid;
  font-size: 1.2em;
  grid-template-columns: auto 1fr;
  margin-bottom: 1em;
  margin-top: 1.3em;
  .title-text {
    color: black;
    display: flex;
    align-items: center;
  }

  &::before {

    $square-size: 10px;
    margin: 8px 15px 8px 8px;
    content: '';
    width: $square-size;
    height: $square-size;
    display: block;
    background-color: $primary;
  }
}