Text Properties

h1 {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.title {
  text-shadow: 0 2px 8px rgb(0 0 0 / 30%);
}

.one-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  /* adds "..." */
}