body {
    background: #000080 url('https://www.transparenttextures.com/patterns/stardust.png');
    color: lime;
    font-family: 'Comic Sans MS', cursive, sans-serif;
    text-align: center;
    padding-top: 50px;
    animation: blinkBackground 5s infinite alternate;
  }
  
  @keyframes blinkBackground {
    0% { background-color: navy; }
    100% { background-color: purple; }
  }
  
  h1 {
    font-size: 60px;
    text-shadow: 2px 2px 4px magenta;
    animation: flicker 0.2s infinite;
  }
  
  @keyframes flicker {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
  }
  
  img {
    margin-top: 30px;
    border: 5px dashed yellow;
    max-width: 80%;
  }
  
  .marquee {
    margin-top: 40px;
    font-size: 24px;
    color: cyan;
  }
  
  .counter {
    margin-top: 60px;
    font-size: 16px;
  }
  
  .floating-heads {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
  }
  
  .floating-heads::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('images/me.png');
    background-repeat: repeat;
    background-size: 150px;
    animation: scrollHeads 60s linear infinite;
    opacity: 0.12;
    filter: drop-shadow(2px 2px 2px black);
  }
  
  @keyframes scrollHeads {
    0% {
      transform: translate(0, 0) rotate(0deg);
    }
    100% {
      transform: translate(-500px, -1000px) rotate(360deg);
    }
  }