body.error404 {
  background-color: var(--page-404-background-color);
  background: var(--page-404-background-color);
}

body.error404 a {
  color: var(--page-404-link-color);
}

body.error404 a:active,
body.error404 a:hover {
  color: var(--theme-hover-color);
}

body.error404 h1,
body.error404.light-theme h1 {
  font-size: var(--large-font-size);
  font-weight: 500;
  color: var(--page-404-text-color);
}

body.error404 h3,
body.error404.light-theme h3 {
  color: var(--page-404-text-color);
}

/* type animation */

.fof{
  display: table-cell;
  vertical-align: middle;
}

.fof{
  display: inline-block;
  padding-right: 12px;
  animation: type .5s alternate infinite;
}

@keyframes type{
  from{box-shadow: inset -3px 0px 0px rgba(255, 255, 255, 0.185);}
  to{box-shadow: inset -3px 0px 0px transparent;}
}