doggy and galaxy

✨ NUTTHIDA PLANGKAM

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>doggy and galazy</title>
</head>
<style>
    body, html{
        margin: 0;
        height: 100%;
        overflow: hidden;}
  
    .bg{
        height: 100%;
        width: 100%;
        background: black;}
  
    .stra, .anistra{
        position: absolute;
        width:100%;
        height:100%;}
  
    .stra{
      background-image: url('https://cdn.discordapp.com/attachments/807062391375790132/809052914521604176/tenor.gif');
    background-size: cover; 
    height: 100vh;
    padding:0;
    margin:0;}
  
    .stra:nth-child(2){
        scale: 4;
        position: absolute;
        z-index: 2;}
  
    .anistra{
        background: transparent url("https://cdn.discordapp.com/attachments/807062391375790132/809043067947450398/png-clipart-galaxy-planet-cartoon-galaxy-planet-cartoon-character-text.png") repeat top center;
        z-index: 2;
        animation: anistra 200s linear infinite;}
  
    .one{
        z-index: 4;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 128px;
        height: 128px;
        animation: anima2 4.5s cubic-bezier(.66,.05,.54,1.07) infinite;}
  
    .two{
        z-index: 3;
        position: absolute;
         left: 0em;
        top: 15em;
        width: 128px;
        height: 128px;
        animation: anima5 3s linear infinite;}
  
  .three{
        z-index: 5;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 128px;
        height: 100px;
        animation: anima2 4s cubic-bezier(.66,.05,.54,1.07) infinite;}
  
   .four{
        z-index: 3;
        position: absolute;
        right: 0em;
        top: 10em;
        width: 128px;
        height: 128px;
        animation: anima4 4s linear infinite;}
  
  .five{
        z-index: 3;
        position: absolute;
        left: 40%;
        top: 40%;
        width: 128px;
        height: 128px;
     	animation: anima3 4s linear infinite alternate;}
  
    @keyframes anima1{
        from {
            left: 0%;
            top: 0%;
            width: 128px;
            height: 128px;}
        to {
            left: 100%;
            top: 100%;
            width: 512px;
            height: 512px;}}
   
    @keyframes anima2{
        from {
            left: -256px;
            bottom: -256px;
            width: 256px;
            height: 256px;}
        to {
            left: 100%;
            bottom: 100%;
            width: 64px;
            height: 64px;}}
  
  @keyframes anima3{
        from {
        width: 128px;
        height: 128px;
        transform: rotate(0deg);}
        
        to {
          width: 300px;
          height: 300px;
          transform: rotate(720deg);}}
  
  @keyframes anima4{
        from {
            right: 0em;
        		top: 20em;
            width: 128px;
            height: 128px;}
        to {
            right: 100%;
            top: 50em%;
            width: 550px;
            height: 550px;}}
  
  @keyframes anima5{
        from {
            left: 0em;
        		top: 14em;
            width: 128px;
            height: 128px;}
        to {
            left: 100%;
            top: 50%;
            width: 550px;
            height: 550px;}}
  
    @keyframes anistra {
        from {background-position:0 0;}
        to {background-position:-50000px 50000px;}}
</style>
<body>
    <div class="bg">
        <div class="stra"></div>
        <div class="stra"></div>
        <div class="anistra"\></div>
      
      <img src="https://cdn.discordapp.com/attachments/807062391375790132/809054801420877824/kisspng-astronaut-clip-art-cartoon-universe-5b1725298c2cf5.0201681715282434975742-removebg-preview.png" class="one" >
      <img src="https://cdn.discordapp.com/attachments/807062391375790132/809055344005087273/3b163ebbe409337716e594c3855647a6.png" class="two" >
      <img src="https://cdn.discordapp.com/attachments/807062391375790132/809055955924025354/kisspng-astronaut-space-suit-royalty-free-drawing-5af3814f30b706.2818477415259077911995-removebg-pre.png" class="three" >
        <img src="https://cdn.discordapp.com/attachments/807062391375790132/809056611476701185/b1436e10d81417dfb72ec43e5df1243f-removebg-preview.png" class="four">
      
        <img src="https://cdn.discordapp.com/attachments/807062391375790132/809056900322033694/dog-breed-united-states-doge-astronaut-png-favpng-B53FaUxukMUYpFzgzE4GQdghh-removebg-preview.png" class="five" >
      
    </div>
</body>
<script>

</script>
</html>