html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden;
    }

    body {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #FDFDFD;
      animation: move 20s ease infinite;
      position: relative;
    }

    #faceSVG {
      z-index: 9999;
    }

    .blur {
      position: absolute;
      width: 20%;
      height: 30%;
      border-radius: 10%;
      filter: blur(100px);
      opacity: 0.75;
    }

    .red {
      /* background-color: #EB0101; */
      left: 15%;
      top: 36%;
    }

    .yellow {
      /* background-color: #EBAA01; */
      left: 30%;
      top: 37%;
    }

    .green {
      /* background-color: #0E8D00; */
      left: 48%;
      top: 37%;
    }

    .blue {
      /* background-color: #003BFF; */
      left: 62%;
      top: 38%;
    }


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