@font-face {
  font-family: PressStart2P;
  src: url('/s/sfsites/c/resource/PressStart2PRegular') format('woff2');
}

body {
  background-color: #9146ff;
}

div {
  padding: 12px;
  text-align: center;
}

img {
  max-width: 100%;
}

h1 {
  color: #ffffff;
  font-family: Roobert, sans-serif;
  font-size: 32px;
  font-weight: normal;
}

h2 {
  color: #ffffff;
  font-family: Roobert, sans-serif;
  font-size: 24px;
  font-weight: normal;
}

.error-background-top {
  background-image: url(/resource/1716320847000/HelpPortalErrorBrick);
  height: 60px;
  -webkit-box-shadow: 0 20px 0 #3c315e;
  box-shadow: 0 20px 0 #3c315e;
  margin-top: 100px;
}

.error-body {
  background-color: #4b3e74;
  background-image: url(/resource/1716320847000/HelpPortalErrorTorch);
  background-position: center 69%;
  background-repeat: repeat-x;
  color: #ffffff;
  margin-top: -10px;
}

.error-body h1.error {
  font-family: "PressStart2P", Courier, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3rem;
  line-height: 1.7;
  margin: 1rem auto 8rem;
  text-align: center;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  width: 80%;
}

.error-glitch {
  display: block;
  margin: auto;
  padding: 1rem;
}

.error-door {
  display: block;
  margin: auto;
  margin-top: 100px;
  margin-bottom: -15px;
}

.error-background-bottom {
  background-image: url(/resource/1716320847000/HelpPortalErrorBrick);
  height: 60px;
}