.crimson-text-regular {
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: normal;
}

.crimson-text-semibold {
  font-family: "Crimson Text", serif;
  font-weight: 600;
  font-style: normal;
}

.crimson-text-bold {
  font-family: "Crimson Text", serif;
  font-weight: 700;
  font-style: normal;
}

.crimson-text-regular-italic {
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: italic;
}

.crimson-text-semibold-italic {
  font-family: "Crimson Text", serif;
  font-weight: 600;
  font-style: italic;
}

.crimson-text-bold-italic {
  font-family: "Crimson Text", serif;
  font-weight: 700;
  font-style: italic;
}

body {
    font-family: "Crimson Text", serif;
    font-size: 20px;
    max-width: 800px;
    margin: 40px auto;
}

h1 {
    margin-bottom: 5px;
}

h2 {
    margin-top: 35px;
}

p {
    margin: 8px 0;
}

span {
    display: inline-block;
    width: 120px;
    font-weight: 600;
}

/* font-weight */

.regular {
    font-weight: 400;
}

.semibold {
    font-weight: 600;
}

.bold {
    font-weight: 700;
}

/* font-style */

.normal {
    font-style: normal;
}

.italic {
    font-style: italic;
}

/* letter-spacing */

.spacing-normal {
    letter-spacing: normal;
}

.spacing-wide {
    letter-spacing: 5px;
}

.spacing-tight {
    letter-spacing: -1px;
}

/* text-transform */

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

/* text-decoration */

.underline {
    text-decoration: underline;
}

.overline {
    text-decoration: overline;
}

.crossout {
    text-decoration: line-through;
}