Party C-ARIN (Copy 12603)

✨ PORNPILIN WONGSRITRANG

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      @keyframes dao{
        0%{
				opacity: 0;
        }
        100%{
				opacity: 0.9;
        }
      }
      @keyframes loy{
        0%{
            transform:translateX(-300px) rotatez(0deg);
        }
        100%{
            transform:translateX(200px) rotatez(20deg);
          	
        }
      }
      body {
        margin: 0;
      }
      .pasad img{
        background-size: cover;
        background-position: center;
        margin: 0;
        width: 100%;
        height: 100%;
      }
      .sky {
			background-image [data-day="-1"]: linear-gradient(0deg, 
rgba(201, 221, 255, 1) 5%, 
rgba(76, 118, 238, 1) 39%, 
rgba(31, 94, 198, 1) 65%, 
rgba(5, 33, 103, 1) 100%);
        margin: 0;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
      }
      .arin {
			bottom: 520px;
        left: 100px;
        position: absolute;
        animation: 5s loy infinite alternate linear;
      }
      #star1 {
			bottom: 580px;
         left: 15px;
         position:absolute;
         animation: dao 1s infinite alternate linear; 
      }
      #star2 {
			bottom: 500px;
         left: 200px;
         position:absolute;
         animation: dao 6s infinite alternate linear;
      }
      #star3 {
			bottom: 450px;
         left: 350px;
         position:absolute;
         animation: dao 2s infinite alternate linear;
      }
      #star4 {
			bottom: 350px;
         left: 150px;
         position:absolute;
         animation: dao 4s infinite alternate linear;
      }
      #star5 {
			bottom: 600px;
         left: 500px;
         position:absolute;
         animation: dao 7s infinite alternate linear;
      }
      #star6 {
			top: 10px;
         left: 300px;
         position:absolute;
         animation: dao 2s infinite alternate linear;
      }
      #star7 {
			top: 30px;
         left: 100px;
         position:absolute;
         animation: dao 3s infinite alternate linear;
      }
      #star8 {
			top: 50px;
         left: 800px;
         position:absolute;
         animation: dao 5s infinite alternate linear;
      }
      #star9 {
			top: 150px;
         left: 700px;
         position:absolute;
         animation: dao 1s infinite alternate linear;
      }
      #star10 {
			bottom: 440px;
         left: 600px;
         position:absolute;
         animation: dao 6s infinite alternate linear;
      }
      #star11 {
			top: 170px;
         right: 600px;
         position:absolute;
         animation: dao 9s infinite alternate linear;
      }
      #star12 {
			top: 10px;
         right: 400px;
         position:absolute;
         animation: dao 5s infinite alternate linear;
      }
      #star13 {
			top: 80px;
         right: 300px;
         position:absolute;
         animation: dao 7s infinite alternate linear;
      }
      #star14 {
			top: 150px;
         right: 150px;
         position:absolute;
         animation: dao 4s infinite alternate linear;
      }
      #star15 {
			top: 20px;
         right: 100px;
         position:absolute;
         animation: dao 8s infinite alternate linear;
      }
    </style>
  </head>
  <body>
    <div class="sky" data-day="-1">    
      <div class="pasad">
        <img src="https://media.discordapp.net/attachments/932854415201820752/941337013058158672/01bg.png?width=1178&height=662" alt="pasad">
      </div>
      <div class="arin">
        <img src="https://media.discordapp.net/attachments/932854415201820752/941337110131146802/03.png?width=444&height=662" width="120" height= "150" alt="arin">
      </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star1">
     </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star2">
     </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star3">
     </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star4">
     </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star5">
     </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star6">
     </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star7">
     </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star8">
     </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star9">
     </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star10">
     </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star11">
     </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star12">
     </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star13">
     </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star14">
     </div>
      <div class="star">
        <img src="https://media.discordapp.net/attachments/880658641349378088/941365999092002878/unknown.png?width=728&height=663" width="30" height="30" alt="star" id = "star15">
     </div>
    </div>
    </div>
  <div id="toggle" onclick="my_picture.dataset.day *= -1">
      Toggle
    </div>
  </body>
</html>