.page-container {
  width: 100vw;
  height: 100vh;
  display: flex;
  opacity: 80%;
  min-height: 100vh;
  min-width: 100vh;
  background-clip: padding-box;
  background-size: contain;
  background-image: url("public/bg-glitch.gif");
  background-repeat: no-repeat;
  background-position: center;
  transition-duration: 0.3s;
  background-attachment: fixed;
}
.page-container:hover {
  opacity: revert;
}
.page-hero-block {
  width: 100vw;
  height: 100vh;
  display: flex;
  padding: 2% 5%;
  animation-name: fadeIn;
  background-clip: inherit;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 0.00%,rgb(204, 0, 0) 100.00%);
  background-repeat: no-repeat;
  animation-duration: 3s;
  background-attachment: fixed;
}
.page-card {
  flex: 1 1 0%;
  scale: 0.95;
  margin: auto;
  display: flex;
  padding: 2%;
  max-width: 80%;
  min-width: 65%;
  background: #a00000;
  max-height: 96%;
  min-height: 65%;
  overflow-y: auto;
  border-color: #a00000;
  border-style: solid;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius24);
  animation-duration: 2s;
}
.page-card:hover {
  scale: 1;
  animation-duration: 2s;
}
.page-more-info {
  width: 100%;
  height: 100%;
  display: flex;
  align-self: center;
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%;
  flex-direction: column;
}
.page-text-box {
  height: 100%;
  margin: 5%;
  padding: 1%;
  position: relative;
  flex-direction: column;
}
.page-weird {
  color: var(--dl-color-gray-white);
  align-self: center;
  text-align: center;
}
.page-error-404 {
  color: var(--dl-color-gray-white);
  align-self: center;
  text-align: center;
  padding-top: 1%;
  padding-left: 0%;
  padding-right: 0%;
  padding-bottom: 1%;
}
.page-get-back {
  color: var(--dl-color-gray-white);
  align-self: center;
  text-align: center;
  padding-top: 1%;
  padding-left: 0%;
  padding-right: 0%;
  padding-bottom: 1%;
}
.page-go-home {
  color: var(--dl-color-primary-700);
  height: auto;
  align-self: center;
  margin-top: 5%;
  transition: 0.3s;
  margin-left: auto;
  border-color: var(--dl-color-primary-700);
  border-width: 8px;
  margin-right: auto;
  border-radius: var(--dl-radius-radius-radius24);
  margin-bottom: 5%;
  background-color: #a00000;
}
.page-go-home:hover {
  scale: 1.4;
}
@media(max-width: 991px) {
  .page-card {
    max-width: 90%;
  }
}
@media(max-width: 767px) {
  .page-card {
    max-width: 96%;
  }
}