<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.