body {
  background: #101010;
}

.not_found {
  --not-found-color: #ff0000;
  --glow-color: #ff0000;
  font-size: 100px;
  text-align: center;
  margin-top: 100px;
  font-weight: 600;
  color: #ff0000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  background-color: rgba(16, 16, 16, 0.25);
  backdrop-filter: blur(8px) saturate(180%);
  padding: 0.5em;
  border-radius: 1em;
}

#not_found_text {
  font-size: 50px;
  font-weight: 300;
  margin-top: 50px;
}

#not_found_text2 {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 75;
}

#return_button {
  --glow-color: #ff0000;
  margin-top: 50px;
  display: block;
  font-size: 50px;
  font-weight: 300;
  background-color: transparent;
  border: 0.05em solid var(--not-found-color);
  border-radius: 0.5em;
  color: var(--not-found-color);
  outline: none;
  text-decoration: none;
  min-width: 300px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  pointer-events: all;
  background: transparent;
}

#return_button:hover {
  font-size: 50px;
  font-weight: 300;
  border: 0.05em solid var(--not-found-color);
  border-radius: 0.5em;
  color: var(--not-found-color);
}

/*<|--------- Colorful Fluid Animation ---------|>*/

* {
  user-select: none;
}

html, body {
  overflow: hidden;
  background-color: #000;
}

body {
  margin: 0;
  position: fixed;
  width: 100%;
  height: 100%;
}

canvas {
  width: 100%;
  height: 100%;
}

.dg {
  opacity: 0.9;
}

.dg .property-name {
  overflow: visible;
}

.bigFont {
  font-size: 150%;
  color: #8C8C8C;
}

.cr.function.appBigFont {
  font-size: 150%;
  line-height: 27px;
  color: #A5F8D3;
  background-color: #023C40;
}

.cr.function.appBigFont .property-name {
  float: none;
}

.cr.function.appBigFont .icon {
  position: sticky;
  bottom: 27px;
}