QE Group-A P’Faii

✨ Napat Phobutdee

<html>
	<style>
body {
  height:100vh;
  overflow:hidden;
	 background:url("https://i.imgur.com/JzFCCak.jpg");
	 justify-content: center;
  
}
.night {
  position: relative;
}
.star{
  border-radius:50%;
  background:white;
  filter:drop-shadow(10px 0px 15px #FFF);
  width: 10px;
  height: 10px;
  position:absolute;
  margin:20px;
  animation:twinkle infinite linear;
}
@keyframes twinkle {
   20% {
      transform: scale(0.5);
      opacity: 0.5;
      }
   }
.line {
  border-radius: 6px;
  background: #FFE4D5;

position: absolute;
  filter:drop-shadow(10px 0px 15px #0016FF);
  animation: speed infinite linear;
}

@keyframes speed {
  100% {
    left:-20vw;
  }
  0% {
    left: 120vw;
  }
}
p{
  position:absolute;
  color:white;
  font-family: 'Varela', sans-serif;
  font-size:30px;
  top:70%;
  left:38%;
  animation:typing 5s steps(50, end) infinite;
  animation-delay:1.2s;
  overflow: hidden;
  white-space: nowrap;
  margin:0 auto;
}

@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

img{
  top:40vh;
  animation: us infinite cubic-bezier(.12,.58,.98,.26);
  position: absolute;
}
@keyframes us{
  0%{
    transform:rotate(0);
    left: -20vw;
  }
  100%{
    transform:rotate(360deg);
    left: 100vw;
  }
}
@keyframes us2{
  100%{
    transform:rotate(0);
    left: -20vw;
  }
  0%{
    transform:rotate(360deg);
    left: 100vw;

}
}
  </style>
  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Varela" />
<body>
  <p>NO.9 was The Imposter</p>
  <div class="night">
    <img src="https://i.imgur.com/CZeWGGA.png" width="100" height="100" style="animation-duration:15s;">
    <img src="https://cdn.discordapp.com/attachments/774659091745734659/809072974778335262/Bird_nest.png" style="top:30vh;animation-duration:20s;animation-timing-function:linear;">
  </div>
  <img src="https://cdn.discordapp.com/attachments/774659091745734659/809074154627530822/UFO.png" style="top:85vh;animation:us2 13.6s infinite linear;">
  <img src="https://cdn.discordapp.com/attachments/774659091745734659/809074262676602960/Dog.png" style="top:60vh;animation-duration:13s;animation-timing-function:linear;">
  <img src="https://cdn.discordapp.com/attachments/774659091745734659/809075302990479420/Toilet_paper_hat.png" style="top:71vh;animation-duration:16s;animation-timing-function:linear;">
  <img src="https://cdn.discordapp.com/attachments/774659091745734659/809076459658280990/Traffic_cone.png" style="top:33vh;animation:us2 8s infinite linear;">
  </div>
  <div class="line" style="animation-duration:1.5s;top:10vh;width:200px;height: 3px;"></div>
  <div class="line" style="animation-duration:1.9s;top:75vh;width:150px;height: 3px;"></div>
  <div class="line" style="animation-duration:1.2s;top:60vh;width:175px;height: 3px;"></div>
    <div class="line" style="animation-duration:1.3s;top:23vh;width:143px;height: 3px;"></div>
  <div class="line" style="animation-duration:2s;top:86vh;width:168px;height: 3px;"></div>
  <div class="line" style="animation-duration:2.4s;top:42vh;width:194px;height: 3px;"></div>
<div class="star" style="top:63%;left:39%;animation-duration:2s;"></div>
<div class="star" style="top:80%;left:60%;animation-duration:3s;"></div>
<div class="star" style="top:25%;left:68%;animation-duration:1s;"></div>
<div class="star" style="top:55%;left:55%;animation-duration:1.5s;"></div>
<div class="star" style="top:42%;left:40%;animation-duration:1.75s;"></div>
<div class="star" style="top:24%;left:38%;animation-duration:1.75s;"></div>
	</body>
</html>