Really Simple Filler Code [Come Steal]

<style>
/*
INVISIBLE CREDIT; PLEASE DON'T REMOVE

Author: Elle
For: Anyone
Text type: CSS/HTML
*/
  @import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great');
  ::-webkit-scrollbar {width:0.3vw;height:0.3vh;}
  ::-webkit-scrollbar-track {border-radius: 0px;background:transparent;}
  ::-webkit-scrollbar-thumb {border-radius: 0px;background:transparent;}

  body {
    overflow:hidden;
    background: #222229;
  }

  #coding {
    position:fixed;
    width: 100%;
    height: 10%;
    background: transparent;
    left: 0%;
    right: 0%;
    top: 25%;
    font-family: Fredericka the Great;
    font-size: 400%;
    color: #eee;
    animation: pulse 4s 1;
    -webkit-animation: pulse 4s 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }

  @keyframes pulse{
    from{opacity:1;}
    to{opacity:0;}
  }

  @-webkit-keyframes pulse{
    opacity{opacity:1;}
    to{opacity:0;}
  }

  #typing {
    position: fixed;
    width: 100%;
    height: 5%;
    background: transparent;
    top: 37%;
    left: 0%;
    right: 0%;
  }

  #elle {
    position: absolute;
    font-family: Fredericka the Great;
    font-size: 3.5vh;
    left: 42.5%;
    color: #eee;
  }

  #dot1 {
    position: absolute;
    font-family: Fredericka the Great;
    font-size: 3.5vh;
    left: 54.5%;
    color: #eee;
    opacity: 0;
    animation: beep 1.5s 1;
    -webkit-animation: beep 1.5s 1;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }

  @keyframes beep{
    from{opacity:0;}
    to{opacity:1;}
  }

  @-webkit-keyframes beep{
    from{opacity:0;}
    to{opacity:1;}
  }

  #dot2 {
    position: absolute;
    font-family: Fredericka the Great;
    font-size: 3.5vh;
    left: 55.2%;
    color: #eee;
    opacity: 0;
    animation: throb 1.5s 1;
    -webkit-animation: throb 1.5s 1;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }

  @keyframes throb{
    from{opacity:0;}
    to{opacity:1;}
  }

  @-webkit-keyframes throb{
    from{opacity:0;}
    to{opacity:1;}
  }

  #dot3 {
    position: absolute;
    font-family: Fredericka the Great;
    font-size: 3.5vh;
    left: 55.9%;
    color: #eee;
    opacity: 0;
    animation: flicker 1.5s 1;
    -webkit-animation: flicker 1.5s 1;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }

  @keyframes flicker{
    from{opacity:0;}
    to{opacity:1;}
  }

  @-webkit-keyframes flicker{
    from{opacity:0;}
    to{opacity:1;}
  }

  #img {
    position: fixed;
    width: 100%;
    height: 40%;
    background: transparent;
    left: 0%;
    right: 0%;
    bottom: 17%;
    z-index: -1;
  }

  #credit {
    position: fixed;
    width: 15%;
    height: 3%;
    background: rgba(0,0,0,0.4);
    border-left: 5px solid;
    border-color: #474747;
    bottom: 8%;
    left: 42%;
    right: 0%;
    font-family: Fredericka the Great;
    font-size: 2vh;
    color: #eee;
  }

  a {
    text-decoration: none;
    color: #a3c6ff;
  }

  a:hover {
    color: #39547f;
    transition-duration: 0.5s;
  }

  #text {
    position: fixed;
    height: 40%;
    width: 37%;
    background: transparent;
    top: 43%;
    left: 31.5%;
  }

  #text:hover #help{
    opacity: 1;
    transition-duration: 1s;
  }

  #help {
    position: fixed;
    height: 15%;
    width: 30%;
    background: transparent;
    top: 55%;
    left: 35%;
    opacity: 0;
    transition-duration: 1s;
  }
</style>
<div id="coding"><center>Coding in Progress</center></div>
<div id="typing">
  <div id="elle">Elle is typing</div>
  <div id="dot1">.</div>
  <div id="dot2">.</div>
  <div id="dot3">.</div>
</div>
<div id="img">
  <center><img src="https://i.gyazo.com/3a1d27f17c3c17e6343bd66669520bc7.gif" style="height:100%"></center>
</div>
<div id="credit">
   <center>
     &copy; <a href="https://roleplay.chat/profile.php?user=Elsie">Elle.</a> Get the code <a href="http://pastebin.com/WKhkjpZH">here.</a>
   </center>
</div>
<div id="text">
  <div id="help">
    <center><img src="http://i.imgur.com/SQC1BWa.png" style="float: center;"></center>
  </div>
</div>