body {
      background: linear-gradient(45deg, red, yellow, lime, cyan, magenta);
      font-family: "Comic Sans MS", cursive;
      text-align: center;
      color: blue;
      animation: bgspin 5s infinite linear;
    }

    @keyframes bgspin {
      0% { filter: hue-rotate(0deg); }
      100% { filter: hue-rotate(360deg); }
    }

    h1 {
      font-size: 60px;
      text-shadow: 3px 3px yellow;
      animation: bounce 1s infinite alternate;
    }

    @keyframes bounce {
      from { transform: translateY(0px); }
      to { transform: translateY(-20px); }
    }

    .marquee {
      font-size: 30px;
      color: red;
      background: black;
      padding: 10px;
      margin: 20px;
    }

    button {
      font-size: 25px;
      padding: 15px;
      background: hotpink;
      border: 5px dashed yellow;
      cursor: pointer;
    }

    img {
      width: 200px;
      margin: 10px;
      border: 10px ridge purple;
    }

    .blink {
      animation: blink 0.5s infinite;
    }

    @keyframes blink {
      50% { opacity: 0; }
    }

    .section {
      border: 5px dotted orange;
      margin: 30px;
      padding: 20px;
      background: rgba(255,255,255,0.3);
    }

    a {
      font-size: 20px;
      color: purple;
      display: block;
      margin: 10px;
    }

    .social-btn img {
      width: 120px;
      border: 5px dashed lime;
      background: yellow;
    }

    #ipBox {
      font-size: 22px;
      margin-top: 15px;
      color: darkred;
    }