/* styles.css - solid white box version */

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}

body{
  font-family: "Courier New", Courier, monospace;
  height:100vh;
  overflow:hidden;
  background: linear-gradient(270deg,
      #ff7a7a 0%,
      #ffd47a 20%,
      #7affc2 40%,
      #7ab1ff 60%,
      #c77aff 80%,
      #ff7aa6 100%);
  background-size: 1200% 1200%;
  animation: gradientShift 18s ease infinite;
  display:grid;
  place-items:center;
}

@keyframes gradientShift{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

.stage{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.card{
  background-color:#ffffff !important; /* FORCE opaque white */
  border:1px solid #cccccc;
  border-radius:20px;
  padding:2rem 3rem;
  box-shadow:0 10px 35px rgba(0,0,0,0.25);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.greeting{
  font-size:1.3rem;
  color:#000000;
  white-space:nowrap;
}