<div class="space"></div>
body{
  
  background-color:#060606;
 
  
}

.space{
  width:30rem;
  height:30rem;
  position:relative;
  margin: 0 auto;  
}


.space::before{
  content:'';
  width:30rem;
  height:30rem;
  position:absolute;
  top:0;
  left:0;
  transform:rotate(340deg)scale(.8);

  background:
        
    /*middle engine*/
    
    /*middle circle core*/
    radial-gradient(ellipse, sandybrown 30%, transparent 30.5%, transparent 50%, sandybrown 50%, sandybrown 60%, sandybrown 70%, transparent 60.5%) 50% 54% / 3rem 3rem,
    
    
      /*middle wing base*/
  linear-gradient(rgba(255,228,196, 0.2), rgba(255,228,196, 0.2)) 50.5% 49.8% / 5rem 3rem,
     linear-gradient(brown, brown) 50% 55% / 4.5rem 5.5rem,
      linear-gradient(sandybrown, sandybrown) 50% 55% / 5rem 6rem,
    
    
       /*tail wing base*/
          /*top wing accent shade*/
    linear-gradient(rgba(255,228,196, 0.2), rgba(255,228,196, 0.2)) 37.5% 49.5% / 3.5rem 2rem,
     linear-gradient(brown, brown) 37% 55% / 3rem 4.5rem,
      linear-gradient(sandybrown, sandybrown) 36% 55% / 3rem 5rem,
    
    
    
      /*tail wing base*/
            /*top wing accent shade*/
    linear-gradient(rgba(255,228,196, 0.2), rgba(255,228,196, 0.2)) 31% 50.5% / 1.9rem .8rem,
     linear-gradient(brown, brown) 31% 55% / 2rem 3rem,
      linear-gradient(sandybrown, sandybrown) 30% 55% / 2rem 3.5rem,
    
      /*tail wing base*/
             /*top wing accent shade*/
    linear-gradient(rgba(255,228,196, 0.2), rgba(255,228,196, 0.2)) 59.5% 50.5% / 1rem .8rem,
     linear-gradient(brown, brown) 58% 54.5% / 2rem 3rem,
      linear-gradient(sandybrown, sandybrown) 59% 54.5% / 2rem 3.5rem,
    
       /*antenna circle shade*/
             radial-gradient(ellipse at 60px 50px, rgba(255,228,196, 0.3) 50%, transparent 50.5%) 65.7% 47.8% / 3rem 3.2rem,
    
    /*antenna circle*/
         radial-gradient(ellipse at right, sandybrown 50%, transparent 50.5%) 66% 55% / 3.5rem 7.5rem,
       radial-gradient(ellipse, sandybrown 50%, transparent 50.5%) 84% 53% / 1rem 3rem,
    radial-gradient(ellipse, brown 50%, transparent 50.5%) 86% 53% / 1.5rem 1.5rem,
    
     /*antenna pole*/
      linear-gradient(31deg, transparent 40%, brown 40.5%,  brown 45.5%, transparent 45%) 80.5% 47.8% / 4rem 3.5rem,
       linear-gradient(0deg, transparent 40%, brown 40.5%,  brown 46.5%, transparent 48%) 79% 52.5% / 4rem 4rem,
       linear-gradient(-35deg, transparent 40%, brown 40.5%,  brown 45.5%, transparent 45%) 80% 57% / 4rem 3.8rem,
  
    
    
        
      /*top wing accent shade*/
    linear-gradient(rgba(255,228,196, 0.4), rgba(255,228,196, 0.4)) 50% 8.4% / 4.5rem .8rem,
    
    /*top wing accent shade*/
    linear-gradient(rgba(255,228,196, 0.4), rgba(255,228,196, 0.4)) 50% 15% / 4.5rem .8rem,
    
      /*top wing accent shade*/
    linear-gradient(rgba(255,228,196, 0.4), rgba(255,228,196, 0.4)) 50% 21.4% / 4.5rem .8rem,
    
      /*top wing accent shade*/
    linear-gradient(rgba(255,228,196, 0.4), rgba(255,228,196, 0.4)) 50% 28% / 4.5rem .8rem,
    
     /*top wing accent shade*/
    linear-gradient(rgba(255,228,196, 0.4), rgba(255,228,196, 0.4)) 50% 34.8% / 4.5rem .8rem,
    
    
    
          /*bottom wing accent shade*/
    linear-gradient(rgba(255,228,196, 0.4), rgba(255,228,196, 0.4)) 50% 70% / 4.5rem .8rem,
    
    /*bottom wing accent shade*/
    linear-gradient(rgba(255,228,196, 0.4), rgba(255,228,196, 0.4)) 50% 76.5% / 4.5rem .8rem,
    
      /*bottom wing accent shade*/
    linear-gradient(rgba(255,228,196, 0.4), rgba(255,228,196, 0.4)) 50% 83% / 4.5rem .8rem,
    
      /*bottom wing accent shade*/
    linear-gradient(rgba(255,228,196, 0.4), rgba(255,228,196, 0.4)) 50% 89.5% / 4.5rem .8rem,
    
     /*bottom wing accent shade*/
    linear-gradient(rgba(255,228,196, 0.4), rgba(255,228,196, 0.4)) 50% 96% / 4.5rem .8rem,
    
    
        /*divider*/
        linear-gradient(brown, brown) 50% 12% / .3rem 10rem,
    /*top wing panel*/
    repeating-linear-gradient(0deg, brown 0 2.5%, sandybrown 0 20%) 50% 12% / 4.5rem 9.6rem,
    
    /*top wing base*/
    linear-gradient(brown, brown) 50% 11% / 5rem 10rem,
    /*top wing step*/
       linear-gradient(brown, brown) 50% 40% / 2rem 2rem,
    
    /*divider*/
        linear-gradient(brown, brown) 50% 100% / .3rem 10rem,
    /*bottom wing panel*/
    repeating-linear-gradient(0deg, brown 0 2.5%, sandybrown 0 20%) 50% 100% / 4.5rem 9.6rem,
    
    /*bottom wing base*/
    linear-gradient(brown, brown) 50% 100% / 5rem 10rem,
    /*bottom wing step*/
       linear-gradient(brown, brown) 50% 65% / 2rem 2rem,
    
    
    /*skybg*/
    
    
                /*star*/
       radial-gradient(ellipse, white 40%, transparent 50%) 0% 95.5% / 3rem .3rem,
      radial-gradient(ellipse, white 20%, transparent 80%) 3.4% 96.5% / 1rem 1rem,
    radial-gradient(ellipse, white 40%, transparent 50%) 4.5% 100% / .3rem 3rem,
    
            /*star*/
       radial-gradient(ellipse, white 40%, transparent 50%) 74% 19% / 3rem .3rem,
      radial-gradient(ellipse, white 20%, transparent 80%) 72.5% 18% / 1rem 1rem,
    radial-gradient(ellipse, white 40%, transparent 50%) 72% 16% / .3rem 3rem,
    
        /*star*/
       radial-gradient(ellipse, white 40%, transparent 50%) 10% 10% / 3rem .3rem,
      radial-gradient(ellipse, white 20%, transparent 80%) 12.6% 8.8% / 1rem 1rem,
    radial-gradient(ellipse, white 40%, transparent 50%) 13.5% 6% / .3rem 3rem,
    
    
              radial-gradient(ellipse, white 20%, transparent 80%) 5% 25.8% / 1.5rem 1.5rem,
    
          radial-gradient(ellipse, white 20%, transparent 80%) 20% 60.8% / 1rem 1rem,
    
              radial-gradient(ellipse, white 20%, transparent 80%) 100% 20.8% / 1rem 1rem,
    
              radial-gradient(ellipse, white 20%, transparent 80%) 80% 10.8% / .5rem .5rem,
    
                  radial-gradient(ellipse, white 20%, transparent 80%) 60% 40.8% / .5rem .5rem,
    
                      radial-gradient(ellipse, white 20%, transparent 80%) 75% 90.8% / .5rem .5rem,
    
                          radial-gradient(ellipse, white 20%, transparent 80%) 60% 40.8% / .5rem .5rem,
    
    
            /*star*/
       radial-gradient(ellipse, white 40%, transparent 50%) 71.5% 80% / 3rem .3rem,
      radial-gradient(ellipse, white 20%, transparent 80%) 70% 80.8% / 1rem 1rem,
    radial-gradient(ellipse, white 40%, transparent 50%) 69.5% 83% / .3rem 3rem
    
    ;
  
  
    background-repeat:no-repeat;
  
}




External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.