body{
  background-image: url(./images/starfall.gif);
}

.cool-box {
  background: linear-gradient(135deg, rgba(255,0,150,0.9), rgba(0,150,255,0.9)); /* blue background with transparency */
  border: 3px solid #00aaff;        /* neon pink border */
  border-radius: 12px;              /* rounded corners */
  padding: 20px;                    /* space inside the box */
  margin: 40px 0;   /* top/bottom 40px, left/right 0 */
                /* space outside the box + center it */
  max-width: 500px;                 /* keeps it from being too wide */
  box-shadow: 
    0 0 10px #ff00ff, 
    0 0 20px #00ffff;               /* glowing effect */
  color: white;                     /* text color */
  text-align: center;               /* center text */
}

.cool-box h2 {
  color: #00ffff;                   /* neon cyan heading */
  margin-top: 0;
  text-shadow: 0 0 5px #00ffff, 0 0 15px #00ffff;
}

.cool-box p {
  color: #ffffff;
  font-size: 14px;
  text-shadow: 0 0 4px #000;        /* makes text readable */
}

.cool-box img {
  max-width: 100px;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid #ff00ff;
  box-shadow: 0 0 10px #ff00ff, 0 0 20px #ff00ff;
}