body {
  background: rgb(103, 66, 230);
  /* background-image: url("./assets/bg-bw.jpeg"); */
  /* background: linear-gradient(135deg, rgba(103, 66, 230, 1) 35%, rgba(114, 68, 237, 1) 100%); */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 100)),
    url("./assets/pwa.jpg");
  background-size: cover;
  background-position: center;
  color: white;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.error-image {
  width: 337px;
  height: auto;
  text-align: center;
  background: #ffffffde;
  padding: 10px;
  border-radius: 7px;
}
.error-image > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: red;
}

.error-image h1 {
  font-size: 120px;
  margin: 48px auto 20px;
}

.error-msg-container {
  margin: 18px auto 30px auto;
  max-width: 800px;
  width: 80%;
  text-align: center;
}

.error-msg-container h1 {
  font-size: 56px;
  max-width: 560px;
  margin: auto auto 48px;
}