*, *::before, *::after {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}

 body {
     min-height: 100vh;
     background: #9b28de;
 }

 .container {
     position: relative;
     width: 100%;
     height: 100vh;
     overflow: hidden;
 }

 .bolhas {
     position: absolute;
     display: flex;
 }

 .bolhas span {
     width: 30px;
     height: 30px;
     background: #e5ff00;
     margin: 0 4px;
     border-radius: 50%;
     box-shadow: 0 0 0 10px #e5ff0044, 0 0 50px #e5ff00, 0 0 100px #e5ff00;
     animation: animar calc(68s / var(--i)) linear infinite;
 }

 @keyframes animar {
     0% {
         transform: translateY(100vh) scale(0);
     }

     100% {
         transform: translateY(-10vh) scale(1);
     }
 }

 .bolhas span:nth-of-type(even) {
     background: #2dc3ff;
     box-shadow: 0 0 0 10px #e5ff0044, 0 0 50px #2dc3ff, 0 0 100px #2dc3ff;
 }

 #copy-button {
    background-color: #7289da;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    user-select: none;
    white-space: nowrap;
  }
  
  #copy-button:hover {
    background-color: #647cda;
  }
  
  #copy-button:active {
    background-color: #596cd8;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
    transform: translateY(1px);
  }
  
  #copy-button:focus {
    outline: none;
  }
  
  #copy-button.copied {
    background-color: #4caf50;
  }
  
  #copy-button.copied::before {
    content: "Copied!";
    display: inline-block;
    margin-right: 5px;
  }
  
  #copy-button:focus::before {
    box-shadow: 0px 0px 0px 2px #3f51b5;
  }
  
  #copy-button::selection {
    background-color: #596cd8;
    color: #ffffff;
  }
  
  #copy-button:active::before {
    content: "";
  }
  
  #copy-input {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    outline: none;
    padding: 0;
    width: 100%;
  }
  
  #copy-input::selection {
    background-color: #596cd8;
    color: #ffffff;
  }