.moon
{
    border-radius:50%;
    position:absolute;
    width:130px;
    height:100px;margin:0;padding:0;font-size:13px;line-height:43px;background:#a2f2ff;border:0 solid #fff;z-index:1;opacity:0;animation:fadeInelm .5s linear forwards}
.moon-1{visibility:visible;top:-134px;left:130px}
.moon-2{visibility:visible;top:-130px;right:154px}
.moon-3{visibility:visible;top:-4px;right:-123px}
.moon-4{visibility:visible;top:213px;right:-198px}
.moon-5{visibility:visible;top:416px;left:686px}
.moon-6{visibility:visible;top:418px;left:-124px}
.moon-7{visibility:visible;top:212px;left:-210px}
.moon-8{visibility:visible;top:-9px;left:-125px}
.moon-9{visibility:visible;top:-2px;left:-100px}
.moon:nth-child(3){animation-delay:.1s}
.moon:nth-child(4){animation-delay:.2s}
.moon:nth-child(5){animation-delay:.3s}
.moon:nth-child(6){animation-delay:.4s}
.moon:nth-child(7){animation-delay:.5s}
.moon:nth-child(8){animation-delay:.6s}
.moon:nth-child(9){animation-delay:.7s}
.moon *{width:100%;height:100%}
.moon a{position:relative;width:100%;height:100%;display:block}
.moon a img
{
    position:absolute;
    top:50%;
    left:50%;
    max-width:100%;
    max-height:100%;
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.line-item{position:absolute;width:150px;height:40px;animation:fadeInelm2 1s ease-in-out forwards}
.line-item img{height:auto}
.line-item.line-item-1{top:130px;left:-12px}
.line-item.line-item-1 img,.line-item.line-item-2 img,.line-item.line-item-3 img,.line-item.line-item-4 img
{
    width:120px
}
.line-item.line-item-7 img
{
    width:110px
}
.line-item.line-item-2
{
    top:126px;left:-7px
}
.line-item.line-item-3
{
    top:96px;left:-144px
}
.line-item.line-item-4{top:30px;left:-175px}
.line-item.line-item-5{top:-36px;left:-128px}
.line-item.line-item-6{top:-36px;left:108px}
.line-item.line-item-7{transform:rotate(-1deg);top:37px;left:152px}
.line-item.line-item-8{top:108px;left:125px}
.moon a span
{
    height:auto;
    color:#fff;
    font-weight:600;
    font-size:1.8rem;
    display:block;
    opacity:0;
    width:max-content;
    position:absolute;
    animation:fadeInText 1s ease-in-out forwards;
    width: 120%;
    line-height: normal;
}

.moon a.elm-1 span
{
    top:105%;
    left:50%;
    -moz-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0);
    animation-delay:1s
}
.moon a.elm-2 span
{
    top:110%;
    right:120%;
    -moz-transform:translate(110%,-50%);
    -o-transform:translate(110%,-50%);
    -ms-transform:translate(110%,-50%);
    -webkit-transform:translate(110%,-50%);
    transform:translate(110%,-50%);
    animation-delay:1.1s
}
.moon a.elm-3 span
{
    top:90%;
    right:235%;
    -moz-transform:translate(110%,-50%);
    -o-transform:translate(110%,-50%);
    -ms-transform:translate(110%,-50%);
    -webkit-transform:translate(110%,-50%);
    transform:translate(110%,-50%);
    animation-delay:1.2s
}
.moon a.elm-4 span
{
    top:15%;
    right:250%;
    -moz-transform:translate(110%,-50%);
    -o-transform:translate(110%,-50%);
    -ms-transform:translate(110%,-50%);
    -webkit-transform:translate(110%,-50%);
    transform:translate(110%,-50%);
    animation-delay:1.3s
}
.moon a.elm-5 span
{
    bottom:135%;
    left:-40%;
    -moz-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0);
    animation-delay:1.4s
}
.moon a.elm-6 span
{
    top:-50%;
    right:-230%;
    -moz-transform:translate(-110%,-50%);
    -o-transform:translate(-110%,-50%);
    -ms-transform:translate(-110%,-50%);
    -webkit-transform:translate(-110%,-50%);
    transform:translate(-110%,-50%);
    animation-delay:1.5s
}
.moon a.elm-7 span
{
    top:25%;
    right:-280%;
    -moz-transform:translate(-110%,-50%);
    -o-transform:translate(-110%,-50%);
    -ms-transform:translate(-110%,-50%);
    -webkit-transform:translate(-110%,-50%);
    transform:translate(-110%,-50%);
    animation-delay:1.6s
}
.moon a.elm-8 span
{
    top:115%;
    left:230%;
    -moz-transform:translate(-110%,-50%);
    -o-transform:translate(-110%,-50%);
    -ms-transform:translate(-110%,-50%);
    -webkit-transform:translate(-110%,-50%);
    transform:translate(-110%,-50%);
    animation-delay:1.7s
}
@media (max-width:1366px)
{
    .orbit-center
    {
        -moz-transform:scale(.7) translate(-50%,-50%);
        -o-transform:scale(.7) translate(-50%,-50%);
        -ms-transform:scale(.7) translate(-50%,-50%);
        -webkit-transform:scale(.7) translate(-50%,-50%);
        transform:scale(.7) translate(-50%,-50%);
        transform-origin:0 0
    }
}
@media (max-width:1280px) and (min-height:850px)
{
    .orbit-center
    {
        -moz-transform:scale(1) translate(-50%,-50%);
        -o-transform:scale(1) translate(-50%,-50%);
        -ms-transform:scale(1) translate(-50%,-50%);
        -webkit-transform:scale(1) translate(-50%,-50%);
        transform:scale(1) translate(-50%,-50%);
        transform-origin:0 0
    }
}
@media (max-width:980px)
{
    .orbit-center
    {
        -moz-transform:scale(.7) translate(-50%,-50%);
        -o-transform:scale(.7) translate(-50%,-50%);
        -ms-transform:scale(.7) translate(-50%,-50%);
        -webkit-transform:scale(.7) translate(-50%,-50%);
        transform:scale(.7) translate(-50%,-50%);
        transform-origin:0 0
    }
}