style.css

html, 
body {
  height: 100%;
  width: 75%;
  min-width: 320px;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica,
  Ubuntu, Roboto, Noto, Arial, sans-serif;
  font-size: calc(16px + 1.5 * 1vw);
}

body {
  display: block;
  margin: calc(16px + 2.5 * 1vw);
  margin-top: calc(64px + 2.5 * 1vw);
  color: snow;
}

p {
  font-weight: bold;
  line-height: 1.5rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  color: black;
}

.ghost {
  color: #D4D4D4;
}

.link {
  color: hotpink;
  transition: color 0.1s;
}

.link:hover {
  color: #E7469A;
}

.link:active {
  color: hotpink;
}

.action {
  color: cornflowerblue;
  transition: color 0.1s;
  text-decoration: none;
}

.action:hover {
  color: #3676E8;
  text-decoration: none;
}

.action:active {
  color: cornflowerblue;
  text-decoration: none;
}