body{
    overflow-x:hidden;
    color: aliceblue;
    background-color: #100e17;    
}

#container {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    background: #000000;
    border-top: 3px solid #C2C2C2;
    padding: 10px 15px;
    background: linear-gradient(90deg, #9e5600, #e52e71);
}

textarea {
    width: 100%;
    height: 100px;
    min-height: 25vh;
    padding: 10px;
    border: 0;
    border-top: 3px solid #C2C2C2;
    background: #fff;
    font: inherit;
    outline: none;
    resize: vertical;
    display: block
}

.btn
{ margin-top: 5%;
  position: relative;
  text-align: center;
  width: 200px;
  padding: 10px;
  color: #15f4ee;
  font-family: poppins;
  font-weight: 400;
  border: 5px solid #15f4ee;
  text-transform: uppercase;
  border-radius: 100px;
  transition: 1.5s;
}
.btn:hover
{
  box-shadow: 0 5px 50px 0 #15f4ee inset, 0 5px 50px 0 #15f4ee,
              0 5px 50px 0 #15f4ee inset, 0 5px 50px 0 #15f4ee;
  text-shadow: 0 0 5px #15f4ee, 0 0 5px #15f4ee;            
}

#copy, #clear{
    width: 500px;
}

a {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2), color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22));
    background-image: gradient(linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2), color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22));
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.credits{
    margin-top: 4%;
}