/*  */
/* General/Basics */
/* Whole Page Stuff */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "carbon bl.ttf", sans-serif;
    font-size: 10px;
}
body {
  position: relative; /* ensure pseudo-elements stack correctly */
  background:
    linear-gradient(rgba(0,0,0,.55), rgba(8,41,83,.55)),
    url(../assets/media/img/uc1.png) center / cover no-repeat fixed;
}

/* Dark-edge vignette */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 10;
  background: radial-gradient(
    ellipse at 50% 45%,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0) 45%,
    rgba(0,0,0,.28) 72%,
    rgba(0,0,0,.6) 100%
  );
}

/* Center glow pulse */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 11; /* above vignette */
  background: radial-gradient(
    300px 200px at calc(50% - 50px) calc(50% - 100px),
    rgba(255,255,220,.45) 0%,
    rgba(255,255,220,.30) 35%,
    rgba(255,255,220,0) 65%
  );
  mix-blend-mode: screen;
  animation: pulseGlow 6s ease-in-out infinite;
  opacity: 0.7; /* overall intensity */
}

@keyframes pulseGlow {
  0%, 100% {
    opacity: 0.7;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
}