body, html {
    min-height: 100vh;
}

body {
    position: relative;
    background: #0000ff;
}

.thoughts {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    border: 30px solid #f3edda;
}

.thoughts-inner {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    border-radius: 50px;
    border: 30px solid #f3edda;
}

.thought {
    position: absolute;
    z-index: -10;
}

.frame {
  background-color: transparent;
  box-shadow:
    inset 0 0 18rem black,
    inset 0 0 3rem black,
    0 0 10rem black;
  height: 100%;;
  position: absolute;
  width: 100%;
  pointer-events: none;
  z-index: -1;
  opacity: .7;
}

.scanlines {
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0),
    rgba(255,255,255,0) 50%,
    rgba(0,0,0,0.2) 70%,
    rgba(0,0,0,0.6)
  );
  background-size: 100% 0.3rem;
  border-radius: 2rem;
  position: absolute;
  width: 100%;
  height: 100%;
}

.glow {
  animation: crt-glow 60s infinite; 
  background:
    radial-gradient(circle at center,
    rgb(180, 180, 180) 0%,
    rgba(196, 196, 196, 0.88) 58%,
    rgba(227, 227, 227, 0.57) 80%,
    rgba(86, 86, 86, 0.27) 93%,
    rgba(26, 26, 26, 0) 100%);
  opacity: 0.15;
  pointer-events: none; 
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

@keyframes crt-glow {
  0% { opacity: 0.1; }
  50% { opacity: 0.2; }
}