#rocketWrapper {
    background: linear-gradient(to bottom, #b4b2b2 0%, #b4b2b2 70%, #f5f5f5 100%);
    overflow: hidden;
    position: absolute;
    width: 100px;
    height: 100px;
    bottom: 80px;
    right: 15px;
    border-radius: 50%;
}

.rocket {
    position: absolute;
    width: 35px;
    top: 5px;
    left: calc(50% - 17px);
}

.rocket .rocket-body {
    width: 35px;
    left: calc(50% - 50px);
    animation: bounce 0.5s infinite;
}

.rocket .rocket-body .body {
    background-color: #dadada;
    height: 70px;
    left: calc(50% - 50px);
    border-top-right-radius: 100%;
    border-top-left-radius: 100%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top: 5px solid #f5f5f5;
}

.rocket .rocket-body:before {
    content: "";
    position: absolute;
    left: calc(50% - 12px);
    width: 25px;
    height: 7px;
    background-color: #554842;
    bottom: -7px;
    border-bottom-right-radius: 60%;
    border-bottom-left-radius: 60%;
}

.rocket .window {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #a75248;
    left: calc(50% - 13px);
    top: 15px;
    border: 5px solid #b4b2b2;
}

.rocket .fin {
    position: absolute;
    z-index: -100;
    height: 22.5px;
    width: 20px;
    background-color: #a75248;
}

.rocket .fin-left {
    left: -12px;
    top: calc(100% - 23px);
    border-top-left-radius: 80%;
    border-bottom-left-radius: 20%;
}

.rocket .fin-right {
    right: -12px;
    top: calc(100% - 23px);
    border-top-right-radius: 80%;
    border-bottom-right-radius: 20%;
}

.rocket .exhaust-fumes li {
    width: 60px;
    height: 60px;
    background-color: #f5f5f5;
    list-style: none;
    position: absolute;
    border-radius: 100%;
}

.rocket .exhaust-fumes li:first-child {
    width: 50px;
    height: 50px;
    bottom: -20px;
    animation: fumes 5s infinite;
}

.rocket .exhaust-fumes li:nth-child(2) {
    width: 50px;
    height: 50px;
    left: -50px;
    top: 60px;
    animation: fumes 3.2s infinite;
}

.rocket .exhaust-fumes li:nth-child(3) {
    width: 30px;
    height: 30px;
    left: -10px;
    top: 75px;
    animation: fumes 6s 0.3s infinite;
}

.rocket .exhaust-fumes li:nth-child(4) {
    width: 30px;
    height: 30px;
    left: 0px;
    animation: fumes 4s 2s infinite;
    top: 80px;
}

.rocket .exhaust-fumes li:nth-child(5) {
    width: 60px;
    height: 60px;
    left: -25px;
    top: 75px;
    animation: fumes 5s infinite;
}

.rocket .exhaust-fumes li:nth-child(6) {
    width: 50px;
    height: 50px;
    left: 10px;
    top: 75px;
    animation: fumes2 10s infinite;
}

.rocket .exhaust-fumes li:nth-child(7) {
    width: 30px;
    height: 30px;
    left: -15px;
    top: 75px;
}

.rocket .exhaust-fumes li:nth-child(8) {
    width: 110px;
    height: 110px;
    left: 70px;
    top: 340px;
}

.rocket .exhaust-fumes li:nth-child(9) {
    width: 90px;
    height: 90px;
    left: 200px;
    top: 380px;
    animation: fumes 20s infinite;
}

.star li {
    list-style: none;
    position: absolute;
}

.star li:before,
.star li:after {
    content: "";
    position: absolute;
    background-color: #f5f5f5;
}

.star li:before {
    width: 10px;
    height: 2px;
    border-radius: 50%;
}

.star li:after {
    height: 8px;
    width: 2px;
    left: 4px;
    top: -3px;
}

.star li:first-child {
    top: 15px;
    left: -15px;
    animation: twinkle 0.4s infinite;
}

.star li:nth-child(2) {
    top: 25px;
    left: 52px;
    animation: twinkle 0.5s infinite;
}

.star li:nth-child(2):before {
    height: 1px;
    width: 5px;
}

.star li:nth-child(2):after {
    width: 1px;
    height: 5px;
    top: -2px;
    left: 2px;
}

.star li:nth-child(3) {
    left: 43px;
    top: 40px;
    animation: twinkle 1s infinite;
}

.star li:nth-child(4) {
    left: -25px;
    top: 40px;
    animation: twinkle 0.5s ease infinite;
}

.star li:nth-child(5) {
    left: 57px;
    top: 57px;
    animation: twinkle 0.4s ease infinite;
}

.star li:nth-child(6) {
    top: 31px;
    left: -12px;
    animation: twinkle 0.2s infinite;
}

.star li:nth-child(6):before {
    height: 1px;
    width: 5px;
}

.star li:nth-child(6):after {
    width: 1px;
    height: 5px;
    top: -2px;
    left: 2px;
}

@keyframes fumes {
    50% {
        transform: scale(1.5);
        background-color: transparent;
    }

    51% {
        transform: scale(0.8);
    }

    100% {
        background-color: #f5f5f5;
        transform: scale(1);
    }
}

@keyframes bounce {
    0% {
        transform: translate3d(0px, 0px, 0);
    }

    50% {
        transform: translate3d(0px, -4px, 0);
    }

    100% {
        transform: translate3d(0px, 0px, 0);
    }
}

@keyframes exhaust {
    0% {
        background: linear-gradient(to bottom, transparent 10%, #f5f5f5 100%);
    }

    50% {
        background: linear-gradient(to bottom, transparent 8%, #f5f5f5 100%);
    }

    75% {
        background: linear-gradient(to bottom, transparent 12%, #f5f5f5 100%);
    }
}

@keyframes fumes2 {
    50% {
        transform: scale(1.1);
    }
}

@keyframes twinkle {
    80% {
        transform: scale(1.1);
        opacity: 0.7;
    }
}