wmCode - Online code editor for web development. HTML, CSS, JavaScript code editor with live preview

body {
      background: linear-gradient(135deg, #0040C1 30%, #000000 100%);
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      padding: 20px;
      margin: 0;
  background: linear-gradient(135deg, #0040C1, #00264D, #4B0082, #006400, #ff6200, #2d2520, #000000, #2d2520, #000000);
    background-size: 1500% 1500%;
    -webkit-animation: Gradient 20s ease infinite;
    -moz-animation: Gradient 20s ease infinite;
    animation: Gradient 20s ease infinite;
  }
  
  @-webkit-keyframes Gradient {
    0% {
      background-position: 0% 750%
    }
    50% {
      background-position: 1500% 750%
    }
    100% {
      background-position: 750% 1500%
    }
  }
  
  @-moz-keyframes Gradient {
    0% {
      background-position: 0% 50%
    }
    50% {
      background-position: 100% 50%
    }
    100% {
      background-position: 0% 50%
    }
  }
  
  @keyframes Gradient {
    0% {
      background-position: 0% 50%
    }
    50% {
      background-position: 100% 50%
    }
    100% {
      background-position: 0% 50%
    }
  }
  
  .hero {
      max-width: 700px;
      margin: auto;
      position: relative;
      overflow: hidden;
  }
  
  .hero p {
      color: white;
      padding: 15px 0px;
      text-align: center;
      font-size: 18px;
      line-height: 1.6em;
  }
  
  .hero h3 {
      color: #ffffffb5;
      font-size: 30px;
      text-align: center;
  }
  
  .hero-title {
      color: #fff;
      text-align: center;
      font-size: 60px;
      font-weight: 900;
      z-index: 1;
      margin-top: 30px;
  }

Cookie consent JavaScript CDN library

CSS Neon Text Effect: Add Vibrant Glow to Your Text with this Simple Code