/**
 * @file
 * Error Page styles (404/403)
 * Use in templates\node\node--page.html.twig
 */

.error-page__content{
  text-align: center;
}

.error-page__content p:first-child{
  color: var(--color-primary--3);
  font-family: "interpol-sans", sans-serif;
  font-size: 128px;
  font-style: normal;
  font-weight: 850;
  line-height: normal;
}
.error-page__content p:nth-child(2) {
  color: var(--color-neutral--6);
  font-family: "interpol-sans", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 850;
  line-height: normal;
}
.error-page__content p:nth-child(3) {
  color: #3F3B3B;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 36px */
}

.error-page__content p a{
  background-color: var(--color-impact--1);
  padding: .5rem 1.25rem;
  border-radius: 40px;
  border: 2px var(--color-impact--1) solid;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  color: var(--color-primary--1);
  margin: 1.5rem 0;
}


.error-page__content p a:hover {
  background-color: var(--color-primary--4);
  border: 2px var(--color-primary--4) solid;
}