body {
  --grey: #272727;
  --accent: #ff3030;
  --offwhite: #ff3030;
  --darkerwhite: #ff3030;
  --red-light: #ff8d8d;
  background-color: var(--eggshell);
  padding: 0;
}

.poster-fill-default {
  background: var(--eggshell);
}

.logo-base,
.logo-title {
  fill: var(--offwhite);
}

.logo:hover .logo-base,
.logo:focus .logo-base {
  fill: var(--grey);
}

.navigation a:hover,
.navigation a:focus,
[data-page="blog"] .nav-blog {
  color: var(--grey);
}

@media (min-width: 780px) {
  .e-header .p-name {
    font-size: 6.1vw;
  }
}

[role="contentinfo"] .contact a {
  color: var(--accent)
}

[role="contentinfo"] .contact a:hover,
  [role="contentinfo"] .contact a:focus {
  color: var(--grey);
}