.my-network-system {
    position: relative;
    
 height: 80rem;
   width: 80rem;
    font-size: 9px;
    
}

.my-network-system .center-of-orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
}

@-webkit-keyframes ring-explosion {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ring-explosion {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.my-network-system .ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background-color: rgba(22, 189, 125, 0.07);
    -webkit-animation: ring-explosion 2s cubic-bezier(0.2, 0.43, 1, -0.59);
    animation: ring-explosion 2s cubic-bezier(0.2, 0.43, 1, -0.59)
}

.my-network-system .ring-1 {
    width: 14%;
    height: 14%;
    margin-top: -7%;
    margin-left: -7%
}

.my-network-system .ring-2 {
    width: 30.875%;
    height: 30.875%;
    margin-top: -15.4375%;
    margin-left: -15.4375%
}

.my-network-system .ring-3 {
    width: 51%;
    height: 51%;
    margin-top: -25%;
    margin-left: -25%
}

.my-network-system .ring-4 {
    width: 77%;
    height: 77%;
    margin-top: -38.5%;
    margin-left: -38.4%;
}

.my-network-system .ring-4 {
    background-color: rgba(204, 238, 225, 0.4)
}

.my-network-system div.planet {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    text-align: left;
}

@-webkit-keyframes icon-explosion {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes icon-explosion {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.my-network-system div.planet a {
    position: absolute;
    display: inline-block
}

.my-network-system div.planet a .icon-border {
    display: inline-block;
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: transparent solid 0px
}

.my-network-system div.planet a .icon-border i {
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 32px;
    background-size: cover;
   
    -webkit-animation: icon-explosion 2s cubic-bezier(0.2, 0.43, 1, -0.59);
    animation: icon-explosion 2s cubic-bezier(0.2, 0.43, 1, -0.59)
}

.my-network-system div.planet .coin-hover {
    position: absolute;
    display: inline-block;
    visibility: hidden;
    height: 40px;
    right: 35px;
    top: -2px;
    font-size: 16px;
    -webkit-box-shadow: 0.5rem 0.5rem 0.5rem rgba(22, 189, 125, 0.3);
    box-shadow: 0.5rem 0.5rem 0.5rem rgba(22, 189, 125, 0.3);
    border: rgba(22, 189, 125, 0.5) solid 1px;
    border-radius: 3px;
    background-color: #fff
}

.my-network-system div.planet .coin-hover::after {
    content: '';
    position: absolute;
    right: -5.4px;
    top: 40%;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top-right-radius: 3px;
    border-right: rgba(22, 189, 125, 0.5) solid 1px;
    border-top: rgba(22, 189, 125, 0.5) solid 1px;
    background-color: #fff
}

.my-network-system div.planet span {
    display: inline-block;
    height: 40px;
    padding: 5px 10px;
    white-space: nowrap
}

.my-network-system div.planet:hover {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.my-network-system div.planet:hover .icon-border {
    border-color: #16bd7d
}

.my-network-system div.planet:hover .coin-hover {
    visibility: visible
}

.my-network-system .planet-1 {
    -webkit-animation: explosion-animation-1 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-1 30s linear 1.95s infinite;
    animation: explosion-animation-1 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-1 30s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-1 {
    from {
        -webkit-transform: rotate(-30deg) translateX(0px) rotate(30deg);
        transform: rotate(-30deg) translateX(0px) rotate(30deg)
    }
    to {
        -webkit-transform: rotate(90deg) translateX(9.1em) rotate(-90deg);
        transform: rotate(90deg) translateX(9.1em) rotate(-90deg)
    }
}

@keyframes explosion-animation-1 {
    from {
        -webkit-transform: rotate(-30deg) translateX(0px) rotate(30deg);
        transform: rotate(-30deg) translateX(0px) rotate(30deg)
    }
    to {
        -webkit-transform: rotate(90deg) translateX(9.1em) rotate(-90deg);
        transform: rotate(90deg) translateX(9.1em) rotate(-90deg)
    }
}

@-webkit-keyframes orbit-animation-1 {
    from {
        -webkit-transform: rotate(90deg) translateX(9.1em) rotate(-90deg);
        transform: rotate(90deg) translateX(9.1em) rotate(-90deg)
    }
    to {
        -webkit-transform: rotate(450deg) translateX(9.1em) rotate(-450deg);
        transform: rotate(450deg) translateX(9.1em) rotate(-450deg)
    }
}

@keyframes orbit-animation-1 {
    from {
        -webkit-transform: rotate(90deg) translateX(9.1em) rotate(-90deg);
        transform: rotate(90deg) translateX(9.1em) rotate(-90deg)
    }
    to {
        -webkit-transform: rotate(450deg) translateX(9.1em) rotate(-450deg);
        transform: rotate(450deg) translateX(9.1em) rotate(-450deg)
    }
}

.my-network-system .planet-2 {
    -webkit-animation: explosion-animation-2 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-2 30s linear 1.95s infinite;
    animation: explosion-animation-2 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-2 30s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-2 {
    from {
        -webkit-transform: rotate(60deg) translateX(0px) rotate(-60deg);
        transform: rotate(60deg) translateX(0px) rotate(-60deg)
    }
    to {
        -webkit-transform: rotate(180deg) translateX(9.1em) rotate(-180deg);
        transform: rotate(180deg) translateX(9.1em) rotate(-180deg)
    }
}

@keyframes explosion-animation-2 {
    from {
        -webkit-transform: rotate(60deg) translateX(0px) rotate(-60deg);
        transform: rotate(60deg) translateX(0px) rotate(-60deg)
    }
    to {
        -webkit-transform: rotate(180deg) translateX(9.1em) rotate(-180deg);
        transform: rotate(180deg) translateX(9.1em) rotate(-180deg)
    }
}

@-webkit-keyframes orbit-animation-2 {
    from {
        -webkit-transform: rotate(180deg) translateX(9.1em) rotate(-180deg);
        transform: rotate(180deg) translateX(9.1em) rotate(-180deg)
    }
    to {
        -webkit-transform: rotate(540deg) translateX(9.1em) rotate(-540deg);
        transform: rotate(540deg) translateX(9.1em) rotate(-540deg)
    }
}

@keyframes orbit-animation-2 {
    from {
        -webkit-transform: rotate(180deg) translateX(9.1em) rotate(-180deg);
        transform: rotate(180deg) translateX(9.1em) rotate(-180deg)
    }
    to {
        -webkit-transform: rotate(540deg) translateX(9.1em) rotate(-540deg);
        transform: rotate(540deg) translateX(9.1em) rotate(-540deg)
    }
}

.my-network-system .planet-3 {
    -webkit-animation: explosion-animation-3 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-3 30s linear 1.95s infinite;
    animation: explosion-animation-3 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-3 30s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-3 {
    from {
        -webkit-transform: rotate(150deg) translateX(0px) rotate(-150deg);
        transform: rotate(150deg) translateX(0px) rotate(-150deg)
    }
    to {
        -webkit-transform: rotate(270deg) translateX(9.1em) rotate(-270deg);
        transform: rotate(270deg) translateX(9.1em) rotate(-270deg)
    }
}

@keyframes explosion-animation-3 {
    from {
        -webkit-transform: rotate(150deg) translateX(0px) rotate(-150deg);
        transform: rotate(150deg) translateX(0px) rotate(-150deg)
    }
    to {
        -webkit-transform: rotate(270deg) translateX(9.1em) rotate(-270deg);
        transform: rotate(270deg) translateX(9.1em) rotate(-270deg)
    }
}

@-webkit-keyframes orbit-animation-3 {
    from {
        -webkit-transform: rotate(270deg) translateX(9.1em) rotate(-270deg);
        transform: rotate(270deg) translateX(9.1em) rotate(-270deg)
    }
    to {
        -webkit-transform: rotate(630deg) translateX(9.1em) rotate(-630deg);
        transform: rotate(630deg) translateX(9.1em) rotate(-630deg)
    }
}

@keyframes orbit-animation-3 {
    from {
        -webkit-transform: rotate(270deg) translateX(9.1em) rotate(-270deg);
        transform: rotate(270deg) translateX(9.1em) rotate(-270deg)
    }
    to {
        -webkit-transform: rotate(630deg) translateX(9.1em) rotate(-630deg);
        transform: rotate(630deg) translateX(9.1em) rotate(-630deg)
    }
}

.my-network-system .planet-4 {
    -webkit-animation: explosion-animation-4 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-4 30s linear 1.95s infinite;
    animation: explosion-animation-4 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-4 30s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-4 {
    from {
        -webkit-transform: rotate(240deg) translateX(0px) rotate(-240deg);
        transform: rotate(240deg) translateX(0px) rotate(-240deg)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(9.1em) rotate(-360deg);
        transform: rotate(360deg) translateX(9.1em) rotate(-360deg)
    }
}

@keyframes explosion-animation-4 {
    from {
        -webkit-transform: rotate(240deg) translateX(0px) rotate(-240deg);
        transform: rotate(240deg) translateX(0px) rotate(-240deg)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(9.1em) rotate(-360deg);
        transform: rotate(360deg) translateX(9.1em) rotate(-360deg)
    }
}

@-webkit-keyframes orbit-animation-4 {
    from {
        -webkit-transform: rotate(360deg) translateX(9.1em) rotate(-360deg);
        transform: rotate(360deg) translateX(9.1em) rotate(-360deg)
    }
    to {
        -webkit-transform: rotate(720deg) translateX(9.1em) rotate(-720deg);
        transform: rotate(720deg) translateX(9.1em) rotate(-720deg)
    }
}

@keyframes orbit-animation-4 {
    from {
        -webkit-transform: rotate(360deg) translateX(9.1em) rotate(-360deg);
        transform: rotate(360deg) translateX(9.1em) rotate(-360deg)
    }
    to {
        -webkit-transform: rotate(720deg) translateX(9.1em) rotate(-720deg);
        transform: rotate(720deg) translateX(9.1em) rotate(-720deg)
    }
}

.my-network-system .planet-5 {
    -webkit-animation: explosion-animation-5 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-5 120s linear 1.95s infinite;
    animation: explosion-animation-5 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-5 120s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-5 {
    from {
        -webkit-transform: rotate(-48deg) translateX(0px) rotate(48deg);
        transform: rotate(-48deg) translateX(0px) rotate(48deg)
    }
    to {
        -webkit-transform: rotate(72deg) translateX(20.06875em) rotate(-72deg);
        transform: rotate(72deg) translateX(20.06875em) rotate(-72deg)
    }
}

@keyframes explosion-animation-5 {
    from {
        -webkit-transform: rotate(-48deg) translateX(0px) rotate(48deg);
        transform: rotate(-48deg) translateX(0px) rotate(48deg)
    }
    to {
        -webkit-transform: rotate(72deg) translateX(20.06875em) rotate(-72deg);
        transform: rotate(72deg) translateX(20.06875em) rotate(-72deg)
    }
}

@-webkit-keyframes orbit-animation-5 {
    from {
        -webkit-transform: rotate(72deg) translateX(20.06875em) rotate(-72deg);
        transform: rotate(72deg) translateX(20.06875em) rotate(-72deg)
    }
    to {
        -webkit-transform: rotate(432deg) translateX(20.06875em) rotate(-432deg);
        transform: rotate(432deg) translateX(20.06875em) rotate(-432deg)
    }
}

@keyframes orbit-animation-5 {
    from {
        -webkit-transform: rotate(72deg) translateX(20.06875em) rotate(-72deg);
        transform: rotate(72deg) translateX(20.06875em) rotate(-72deg)
    }
    to {
        -webkit-transform: rotate(432deg) translateX(20.06875em) rotate(-432deg);
        transform: rotate(432deg) translateX(20.06875em) rotate(-432deg)
    }
}

.my-network-system .planet-6 {
    -webkit-animation: explosion-animation-6 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-6 120s linear 1.95s infinite;
    animation: explosion-animation-6 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-6 120s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-6 {
    from {
        -webkit-transform: rotate(24deg) translateX(0px) rotate(-24deg);
        transform: rotate(24deg) translateX(0px) rotate(-24deg)
    }
    to {
        -webkit-transform: rotate(144deg) translateX(20.06875em) rotate(-144deg);
        transform: rotate(144deg) translateX(20.06875em) rotate(-144deg)
    }
}

@keyframes explosion-animation-6 {
    from {
        -webkit-transform: rotate(24deg) translateX(0px) rotate(-24deg);
        transform: rotate(24deg) translateX(0px) rotate(-24deg)
    }
    to {
        -webkit-transform: rotate(144deg) translateX(20.06875em) rotate(-144deg);
        transform: rotate(144deg) translateX(20.06875em) rotate(-144deg)
    }
}

@-webkit-keyframes orbit-animation-6 {
    from {
        -webkit-transform: rotate(144deg) translateX(20.06875em) rotate(-144deg);
        transform: rotate(144deg) translateX(20.06875em) rotate(-144deg)
    }
    to {
        -webkit-transform: rotate(504deg) translateX(20.06875em) rotate(-504deg);
        transform: rotate(504deg) translateX(20.06875em) rotate(-504deg)
    }
}

@keyframes orbit-animation-6 {
    from {
        -webkit-transform: rotate(144deg) translateX(20.06875em) rotate(-144deg);
        transform: rotate(144deg) translateX(20.06875em) rotate(-144deg)
    }
    to {
        -webkit-transform: rotate(504deg) translateX(20.06875em) rotate(-504deg);
        transform: rotate(504deg) translateX(20.06875em) rotate(-504deg)
    }
}

.my-network-system .planet-7 {
    -webkit-animation: explosion-animation-7 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-7 120s linear 1.95s infinite;
    animation: explosion-animation-7 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-7 120s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-7 {
    from {
        -webkit-transform: rotate(96deg) translateX(0px) rotate(-96deg);
        transform: rotate(96deg) translateX(0px) rotate(-96deg)
    }
    to {
        -webkit-transform: rotate(216deg) translateX(20.06875em) rotate(-216deg);
        transform: rotate(216deg) translateX(20.06875em) rotate(-216deg)
    }
}

@keyframes explosion-animation-7 {
    from {
        -webkit-transform: rotate(96deg) translateX(0px) rotate(-96deg);
        transform: rotate(96deg) translateX(0px) rotate(-96deg)
    }
    to {
        -webkit-transform: rotate(216deg) translateX(20.06875em) rotate(-216deg);
        transform: rotate(216deg) translateX(20.06875em) rotate(-216deg)
    }
}

@-webkit-keyframes orbit-animation-7 {
    from {
        -webkit-transform: rotate(216deg) translateX(20.06875em) rotate(-216deg);
        transform: rotate(216deg) translateX(20.06875em) rotate(-216deg)
    }
    to {
        -webkit-transform: rotate(576deg) translateX(20.06875em) rotate(-576deg);
        transform: rotate(576deg) translateX(20.06875em) rotate(-576deg)
    }
}

@keyframes orbit-animation-7 {
    from {
        -webkit-transform: rotate(216deg) translateX(20.06875em) rotate(-216deg);
        transform: rotate(216deg) translateX(20.06875em) rotate(-216deg)
    }
    to {
        -webkit-transform: rotate(576deg) translateX(20.06875em) rotate(-576deg);
        transform: rotate(576deg) translateX(20.06875em) rotate(-576deg)
    }
}

.my-network-system .planet-8 {
    -webkit-animation: explosion-animation-8 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-8 120s linear 1.95s infinite;
    animation: explosion-animation-8 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-8 120s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-8 {
    from {
        -webkit-transform: rotate(168deg) translateX(0px) rotate(-168deg);
        transform: rotate(168deg) translateX(0px) rotate(-168deg)
    }
    to {
        -webkit-transform: rotate(288deg) translateX(20.06875em) rotate(-288deg);
        transform: rotate(288deg) translateX(20.06875em) rotate(-288deg)
    }
}

@keyframes explosion-animation-8 {
    from {
        -webkit-transform: rotate(168deg) translateX(0px) rotate(-168deg);
        transform: rotate(168deg) translateX(0px) rotate(-168deg)
    }
    to {
        -webkit-transform: rotate(288deg) translateX(20.06875em) rotate(-288deg);
        transform: rotate(288deg) translateX(20.06875em) rotate(-288deg)
    }
}

@-webkit-keyframes orbit-animation-8 {
    from {
        -webkit-transform: rotate(288deg) translateX(20.06875em) rotate(-288deg);
        transform: rotate(288deg) translateX(20.06875em) rotate(-288deg)
    }
    to {
        -webkit-transform: rotate(648deg) translateX(20.06875em) rotate(-648deg);
        transform: rotate(648deg) translateX(20.06875em) rotate(-648deg)
    }
}

@keyframes orbit-animation-8 {
    from {
        -webkit-transform: rotate(288deg) translateX(20.06875em) rotate(-288deg);
        transform: rotate(288deg) translateX(20.06875em) rotate(-288deg)
    }
    to {
        -webkit-transform: rotate(648deg) translateX(20.06875em) rotate(-648deg);
        transform: rotate(648deg) translateX(20.06875em) rotate(-648deg)
    }
}

.my-network-system .planet-9 {
    -webkit-animation: explosion-animation-9 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-9 120s linear 1.95s infinite;
    animation: explosion-animation-9 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-9 120s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-9 {
    from {
        -webkit-transform: rotate(240deg) translateX(0px) rotate(-240deg);
        transform: rotate(240deg) translateX(0px) rotate(-240deg)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(20.06875em) rotate(-360deg);
        transform: rotate(360deg) translateX(20.06875em) rotate(-360deg)
    }
}

@keyframes explosion-animation-9 {
    from {
        -webkit-transform: rotate(240deg) translateX(0px) rotate(-240deg);
        transform: rotate(240deg) translateX(0px) rotate(-240deg)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(20.06875em) rotate(-360deg);
        transform: rotate(360deg) translateX(20.06875em) rotate(-360deg)
    }
}

@-webkit-keyframes orbit-animation-9 {
    from {
        -webkit-transform: rotate(360deg) translateX(20.06875em) rotate(-360deg);
        transform: rotate(360deg) translateX(20.06875em) rotate(-360deg)
    }
    to {
        -webkit-transform: rotate(720deg) translateX(20.06875em) rotate(-720deg);
        transform: rotate(720deg) translateX(20.06875em) rotate(-720deg)
    }
}

@keyframes orbit-animation-9 {
    from {
        -webkit-transform: rotate(360deg) translateX(20.06875em) rotate(-360deg);
        transform: rotate(360deg) translateX(20.06875em) rotate(-360deg)
    }
    to {
        -webkit-transform: rotate(720deg) translateX(20.06875em) rotate(-720deg);
        transform: rotate(720deg) translateX(20.06875em) rotate(-720deg)
    }
}

.my-network-system .planet-10 {
    -webkit-animation: explosion-animation-10 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-10 270s linear 1.95s infinite;
    animation: explosion-animation-10 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-10 270s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-10 {
    from {
        -webkit-transform: rotate(-60deg) translateX(0px) rotate(60deg);
        transform: rotate(-60deg) translateX(0px) rotate(60deg)
    }
    to {
        -webkit-transform: rotate(60deg) translateX(33.5972em) rotate(-60deg);
        transform: rotate(60deg) translateX(33.5972em) rotate(-60deg)
    }
}

@keyframes explosion-animation-10 {
    from {
        -webkit-transform: rotate(-60deg) translateX(0px) rotate(60deg);
        transform: rotate(-60deg) translateX(0px) rotate(60deg)
    }
    to {
        -webkit-transform: rotate(60deg) translateX(33.5972em) rotate(-60deg);
        transform: rotate(60deg) translateX(33.5972em) rotate(-60deg)
    }
}

@-webkit-keyframes orbit-animation-10 {
    from {
        -webkit-transform: rotate(60deg) translateX(33.5972em) rotate(-60deg);
        transform: rotate(60deg) translateX(33.5972em) rotate(-60deg)
    }
    to {
        -webkit-transform: rotate(420deg) translateX(33.5972em) rotate(-420deg);
        transform: rotate(420deg) translateX(33.5972em) rotate(-420deg)
    }
}

@keyframes orbit-animation-10 {
    from {
        -webkit-transform: rotate(60deg) translateX(33.5972em) rotate(-60deg);
        transform: rotate(60deg) translateX(33.5972em) rotate(-60deg)
    }
    to {
        -webkit-transform: rotate(420deg) translateX(33.5972em) rotate(-420deg);
        transform: rotate(420deg) translateX(33.5972em) rotate(-420deg)
    }
}

.my-network-system .planet-11 {
    -webkit-animation: explosion-animation-11 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-11 270s linear 1.95s infinite;
    animation: explosion-animation-11 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-11 270s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-11 {
    from {
        -webkit-transform: rotate(0deg) translateX(0px) rotate(0deg);
        transform: rotate(0deg) translateX(0px) rotate(0deg)
    }
    to {
        -webkit-transform: rotate(120deg) translateX(33.5972em) rotate(-120deg);
        transform: rotate(120deg) translateX(33.5972em) rotate(-120deg)
    }
}

@keyframes explosion-animation-11 {
    from {
        -webkit-transform: rotate(0deg) translateX(0px) rotate(0deg);
        transform: rotate(0deg) translateX(0px) rotate(0deg)
    }
    to {
        -webkit-transform: rotate(120deg) translateX(33.5972em) rotate(-120deg);
        transform: rotate(120deg) translateX(33.5972em) rotate(-120deg)
    }
}

@-webkit-keyframes orbit-animation-11 {
    from {
        -webkit-transform: rotate(120deg) translateX(33.5972em) rotate(-120deg);
        transform: rotate(120deg) translateX(33.5972em) rotate(-120deg)
    }
    to {
        -webkit-transform: rotate(480deg) translateX(33.5972em) rotate(-480deg);
        transform: rotate(480deg) translateX(33.5972em) rotate(-480deg)
    }
}

@keyframes orbit-animation-11 {
    from {
        -webkit-transform: rotate(120deg) translateX(33.5972em) rotate(-120deg);
        transform: rotate(120deg) translateX(33.5972em) rotate(-120deg)
    }
    to {
        -webkit-transform: rotate(480deg) translateX(33.5972em) rotate(-480deg);
        transform: rotate(480deg) translateX(33.5972em) rotate(-480deg)
    }
}

.my-network-system .planet-12 {
    -webkit-animation: explosion-animation-12 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-12 270s linear 1.95s infinite;
    animation: explosion-animation-12 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-12 270s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-12 {
    from {
        -webkit-transform: rotate(60deg) translateX(0px) rotate(-60deg);
        transform: rotate(60deg) translateX(0px) rotate(-60deg)
    }
    to {
        -webkit-transform: rotate(180deg) translateX(33.5972em) rotate(-180deg);
        transform: rotate(180deg) translateX(33.5972em) rotate(-180deg)
    }
}

@keyframes explosion-animation-12 {
    from {
        -webkit-transform: rotate(60deg) translateX(0px) rotate(-60deg);
        transform: rotate(60deg) translateX(0px) rotate(-60deg)
    }
    to {
        -webkit-transform: rotate(180deg) translateX(33.5972em) rotate(-180deg);
        transform: rotate(180deg) translateX(33.5972em) rotate(-180deg)
    }
}

@-webkit-keyframes orbit-animation-12 {
    from {
        -webkit-transform: rotate(180deg) translateX(33.5972em) rotate(-180deg);
        transform: rotate(180deg) translateX(33.5972em) rotate(-180deg)
    }
    to {
        -webkit-transform: rotate(540deg) translateX(33.5972em) rotate(-540deg);
        transform: rotate(540deg) translateX(33.5972em) rotate(-540deg)
    }
}

@keyframes orbit-animation-12 {
    from {
        -webkit-transform: rotate(180deg) translateX(33.5972em) rotate(-180deg);
        transform: rotate(180deg) translateX(33.5972em) rotate(-180deg)
    }
    to {
        -webkit-transform: rotate(540deg) translateX(33.5972em) rotate(-540deg);
        transform: rotate(540deg) translateX(33.5972em) rotate(-540deg)
    }
}

.my-network-system .planet-13 {
    -webkit-animation: explosion-animation-13 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-13 270s linear 1.95s infinite;
    animation: explosion-animation-13 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-13 270s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-13 {
    from {
        -webkit-transform: rotate(120deg) translateX(0px) rotate(-120deg);
        transform: rotate(120deg) translateX(0px) rotate(-120deg)
    }
    to {
        -webkit-transform: rotate(240deg) translateX(33.5972em) rotate(-240deg);
        transform: rotate(240deg) translateX(33.5972em) rotate(-240deg)
    }
}

@keyframes explosion-animation-13 {
    from {
        -webkit-transform: rotate(120deg) translateX(0px) rotate(-120deg);
        transform: rotate(120deg) translateX(0px) rotate(-120deg)
    }
    to {
        -webkit-transform: rotate(240deg) translateX(33.5972em) rotate(-240deg);
        transform: rotate(240deg) translateX(33.5972em) rotate(-240deg)
    }
}

@-webkit-keyframes orbit-animation-13 {
    from {
        -webkit-transform: rotate(240deg) translateX(33.5972em) rotate(-240deg);
        transform: rotate(240deg) translateX(33.5972em) rotate(-240deg)
    }
    to {
        -webkit-transform: rotate(600deg) translateX(33.5972em) rotate(-600deg);
        transform: rotate(600deg) translateX(33.5972em) rotate(-600deg)
    }
}

@keyframes orbit-animation-13 {
    from {
        -webkit-transform: rotate(240deg) translateX(33.5972em) rotate(-240deg);
        transform: rotate(240deg) translateX(33.5972em) rotate(-240deg)
    }
    to {
        -webkit-transform: rotate(600deg) translateX(33.5972em) rotate(-600deg);
        transform: rotate(600deg) translateX(33.5972em) rotate(-600deg)
    }
}

.my-network-system .planet-14 {
    -webkit-animation: explosion-animation-14 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-14 270s linear 1.95s infinite;
    animation: explosion-animation-14 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-14 270s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-14 {
    from {
        -webkit-transform: rotate(180deg) translateX(0px) rotate(-180deg);
        transform: rotate(180deg) translateX(0px) rotate(-180deg)
    }
    to {
        -webkit-transform: rotate(300deg) translateX(33.5972em) rotate(-300deg);
        transform: rotate(300deg) translateX(33.5972em) rotate(-300deg)
    }
}

@keyframes explosion-animation-14 {
    from {
        -webkit-transform: rotate(180deg) translateX(0px) rotate(-180deg);
        transform: rotate(180deg) translateX(0px) rotate(-180deg)
    }
    to {
        -webkit-transform: rotate(300deg) translateX(33.5972em) rotate(-300deg);
        transform: rotate(300deg) translateX(33.5972em) rotate(-300deg)
    }
}

@-webkit-keyframes orbit-animation-14 {
    from {
        -webkit-transform: rotate(300deg) translateX(33.5972em) rotate(-300deg);
        transform: rotate(300deg) translateX(33.5972em) rotate(-300deg)
    }
    to {
        -webkit-transform: rotate(660deg) translateX(33.5972em) rotate(-660deg);
        transform: rotate(660deg) translateX(33.5972em) rotate(-660deg)
    }
}

@keyframes orbit-animation-14 {
    from {
        -webkit-transform: rotate(300deg) translateX(33.5972em) rotate(-300deg);
        transform: rotate(300deg) translateX(33.5972em) rotate(-300deg)
    }
    to {
        -webkit-transform: rotate(660deg) translateX(33.5972em) rotate(-660deg);
        transform: rotate(660deg) translateX(33.5972em) rotate(-660deg)
    }
}

.my-network-system .planet-15 {
    -webkit-animation: explosion-animation-15 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-15 270s linear 1.95s infinite;
    animation: explosion-animation-15 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-15 270s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-15 {
    from {
        -webkit-transform: rotate(240deg) translateX(0px) rotate(-240deg);
        transform: rotate(240deg) translateX(0px) rotate(-240deg)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(33.5972em) rotate(-360deg);
        transform: rotate(360deg) translateX(33.5972em) rotate(-360deg)
    }
}

@keyframes explosion-animation-15 {
    from {
        -webkit-transform: rotate(240deg) translateX(0px) rotate(-240deg);
        transform: rotate(240deg) translateX(0px) rotate(-240deg)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(33.5972em) rotate(-360deg);
        transform: rotate(360deg) translateX(33.5972em) rotate(-360deg)
    }
}

@-webkit-keyframes orbit-animation-15 {
    from {
        -webkit-transform: rotate(360deg) translateX(33.5972em) rotate(-360deg);
        transform: rotate(360deg) translateX(33.5972em) rotate(-360deg)
    }
    to {
        -webkit-transform: rotate(720deg) translateX(33.5972em) rotate(-720deg);
        transform: rotate(720deg) translateX(33.5972em) rotate(-720deg)
    }
}

@keyframes orbit-animation-15 {
    from {
        -webkit-transform: rotate(360deg) translateX(33.5972em) rotate(-360deg);
        transform: rotate(360deg) translateX(33.5972em) rotate(-360deg)
    }
    to {
        -webkit-transform: rotate(720deg) translateX(33.5972em) rotate(-720deg);
        transform: rotate(720deg) translateX(33.5972em) rotate(-720deg)
    }
}

.my-network-system .planet-16 {
    -webkit-animation: explosion-animation-16 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-16 480s linear 1.95s infinite;
    animation: explosion-animation-16 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-16 480s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-16 {
    from {
        -webkit-transform: rotate(-75deg) translateX(0px) rotate(75deg);
        transform: rotate(-75deg) translateX(0px) rotate(75deg)
    }
    to {
        -webkit-transform: rotate(45deg) translateX(50.414em) rotate(-45deg);
        transform: rotate(45deg) translateX(50.414em) rotate(-45deg)
    }
}

@keyframes explosion-animation-16 {
    from {
        -webkit-transform: rotate(-75deg) translateX(0px) rotate(75deg);
        transform: rotate(-75deg) translateX(0px) rotate(75deg)
    }
    to {
        -webkit-transform: rotate(45deg) translateX(50.414em) rotate(-45deg);
        transform: rotate(45deg) translateX(50.414em) rotate(-45deg)
    }
}

@-webkit-keyframes orbit-animation-16 {
    from {
        -webkit-transform: rotate(45deg) translateX(50.414em) rotate(-45deg);
        transform: rotate(45deg) translateX(50.414em) rotate(-45deg)
    }
    to {
        -webkit-transform: rotate(405deg) translateX(50.414em) rotate(-405deg);
        transform: rotate(405deg) translateX(50.414em) rotate(-405deg)
    }
}

@keyframes orbit-animation-16 {
    from {
        -webkit-transform: rotate(45deg) translateX(50.414em) rotate(-45deg);
        transform: rotate(45deg) translateX(50.414em) rotate(-45deg)
    }
    to {
        -webkit-transform: rotate(405deg) translateX(50.414em) rotate(-405deg);
        transform: rotate(405deg) translateX(50.414em) rotate(-405deg)
    }
}

.my-network-system .planet-17 {
    -webkit-animation: explosion-animation-17 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-17 480s linear 1.95s infinite;
    animation: explosion-animation-17 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-17 480s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-17 {
    from {
        -webkit-transform: rotate(-30deg) translateX(0px) rotate(30deg);
        transform: rotate(-30deg) translateX(0px) rotate(30deg)
    }
    to {
        -webkit-transform: rotate(90deg) translateX(50.414em) rotate(-90deg);
        transform: rotate(90deg) translateX(50.414em) rotate(-90deg)
    }
}

@keyframes explosion-animation-17 {
    from {
        -webkit-transform: rotate(-30deg) translateX(0px) rotate(30deg);
        transform: rotate(-30deg) translateX(0px) rotate(30deg)
    }
    to {
        -webkit-transform: rotate(90deg) translateX(50.414em) rotate(-90deg);
        transform: rotate(90deg) translateX(50.414em) rotate(-90deg)
    }
}

@-webkit-keyframes orbit-animation-17 {
    from {
        -webkit-transform: rotate(90deg) translateX(50.414em) rotate(-90deg);
        transform: rotate(90deg) translateX(50.414em) rotate(-90deg)
    }
    to {
        -webkit-transform: rotate(450deg) translateX(50.414em) rotate(-450deg);
        transform: rotate(450deg) translateX(50.414em) rotate(-450deg)
    }
}

@keyframes orbit-animation-17 {
    from {
        -webkit-transform: rotate(90deg) translateX(50.414em) rotate(-90deg);
        transform: rotate(90deg) translateX(50.414em) rotate(-90deg)
    }
    to {
        -webkit-transform: rotate(450deg) translateX(50.414em) rotate(-450deg);
        transform: rotate(450deg) translateX(50.414em) rotate(-450deg)
    }
}

.my-network-system .planet-18 {
    -webkit-animation: explosion-animation-18 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-18 480s linear 1.95s infinite;
    animation: explosion-animation-18 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-18 480s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-18 {
    from {
        -webkit-transform: rotate(15deg) translateX(0px) rotate(-15deg);
        transform: rotate(15deg) translateX(0px) rotate(-15deg)
    }
    to {
        -webkit-transform: rotate(135deg) translateX(50.414em) rotate(-135deg);
        transform: rotate(135deg) translateX(50.414em) rotate(-135deg)
    }
}

@keyframes explosion-animation-18 {
    from {
        -webkit-transform: rotate(15deg) translateX(0px) rotate(-15deg);
        transform: rotate(15deg) translateX(0px) rotate(-15deg)
    }
    to {
        -webkit-transform: rotate(135deg) translateX(50.414em) rotate(-135deg);
        transform: rotate(135deg) translateX(50.414em) rotate(-135deg)
    }
}

@-webkit-keyframes orbit-animation-18 {
    from {
        -webkit-transform: rotate(135deg) translateX(50.414em) rotate(-135deg);
        transform: rotate(135deg) translateX(50.414em) rotate(-135deg)
    }
    to {
        -webkit-transform: rotate(495deg) translateX(50.414em) rotate(-495deg);
        transform: rotate(495deg) translateX(50.414em) rotate(-495deg)
    }
}

@keyframes orbit-animation-18 {
    from {
        -webkit-transform: rotate(135deg) translateX(50.414em) rotate(-135deg);
        transform: rotate(135deg) translateX(50.414em) rotate(-135deg)
    }
    to {
        -webkit-transform: rotate(495deg) translateX(50.414em) rotate(-495deg);
        transform: rotate(495deg) translateX(50.414em) rotate(-495deg)
    }
}

.my-network-system .planet-19 {
    -webkit-animation: explosion-animation-19 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-19 480s linear 1.95s infinite;
    animation: explosion-animation-19 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-19 480s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-19 {
    from {
        -webkit-transform: rotate(60deg) translateX(0px) rotate(-60deg);
        transform: rotate(60deg) translateX(0px) rotate(-60deg)
    }
    to {
        -webkit-transform: rotate(180deg) translateX(50.414em) rotate(-180deg);
        transform: rotate(180deg) translateX(50.414em) rotate(-180deg)
    }
}

@keyframes explosion-animation-19 {
    from {
        -webkit-transform: rotate(60deg) translateX(0px) rotate(-60deg);
        transform: rotate(60deg) translateX(0px) rotate(-60deg)
    }
    to {
        -webkit-transform: rotate(180deg) translateX(50.414em) rotate(-180deg);
        transform: rotate(180deg) translateX(50.414em) rotate(-180deg)
    }
}

@-webkit-keyframes orbit-animation-19 {
    from {
        -webkit-transform: rotate(180deg) translateX(50.414em) rotate(-180deg);
        transform: rotate(180deg) translateX(50.414em) rotate(-180deg)
    }
    to {
        -webkit-transform: rotate(540deg) translateX(50.414em) rotate(-540deg);
        transform: rotate(540deg) translateX(50.414em) rotate(-540deg)
    }
}

@keyframes orbit-animation-19 {
    from {
        -webkit-transform: rotate(180deg) translateX(50.414em) rotate(-180deg);
        transform: rotate(180deg) translateX(50.414em) rotate(-180deg)
    }
    to {
        -webkit-transform: rotate(540deg) translateX(50.414em) rotate(-540deg);
        transform: rotate(540deg) translateX(50.414em) rotate(-540deg)
    }
}

.my-network-system .planet-20 {
    -webkit-animation: explosion-animation-20 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-20 480s linear 1.95s infinite;
    animation: explosion-animation-20 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-20 480s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-20 {
    from {
        -webkit-transform: rotate(105deg) translateX(0px) rotate(-105deg);
        transform: rotate(105deg) translateX(0px) rotate(-105deg)
    }
    to {
        -webkit-transform: rotate(225deg) translateX(50.414em) rotate(-225deg);
        transform: rotate(225deg) translateX(50.414em) rotate(-225deg)
    }
}

@keyframes explosion-animation-20 {
    from {
        -webkit-transform: rotate(105deg) translateX(0px) rotate(-105deg);
        transform: rotate(105deg) translateX(0px) rotate(-105deg)
    }
    to {
        -webkit-transform: rotate(225deg) translateX(50.414em) rotate(-225deg);
        transform: rotate(225deg) translateX(50.414em) rotate(-225deg)
    }
}

@-webkit-keyframes orbit-animation-20 {
    from {
        -webkit-transform: rotate(225deg) translateX(50.414em) rotate(-225deg);
        transform: rotate(225deg) translateX(50.414em) rotate(-225deg)
    }
    to {
        -webkit-transform: rotate(585deg) translateX(50.414em) rotate(-585deg);
        transform: rotate(585deg) translateX(50.414em) rotate(-585deg)
    }
}

@keyframes orbit-animation-20 {
    from {
        -webkit-transform: rotate(225deg) translateX(50.414em) rotate(-225deg);
        transform: rotate(225deg) translateX(50.414em) rotate(-225deg)
    }
    to {
        -webkit-transform: rotate(585deg) translateX(50.414em) rotate(-585deg);
        transform: rotate(585deg) translateX(50.414em) rotate(-585deg)
    }
}

.my-network-system .planet-21 {
    -webkit-animation: explosion-animation-21 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-21 480s linear 1.95s infinite;
    animation: explosion-animation-21 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-21 480s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-21 {
    from {
        -webkit-transform: rotate(150deg) translateX(0px) rotate(-150deg);
        transform: rotate(150deg) translateX(0px) rotate(-150deg)
    }
    to {
        -webkit-transform: rotate(270deg) translateX(50.414em) rotate(-270deg);
        transform: rotate(270deg) translateX(50.414em) rotate(-270deg)
    }
}

@keyframes explosion-animation-21 {
    from {
        -webkit-transform: rotate(150deg) translateX(0px) rotate(-150deg);
        transform: rotate(150deg) translateX(0px) rotate(-150deg)
    }
    to {
        -webkit-transform: rotate(270deg) translateX(50.414em) rotate(-270deg);
        transform: rotate(270deg) translateX(50.414em) rotate(-270deg)
    }
}

@-webkit-keyframes orbit-animation-21 {
    from {
        -webkit-transform: rotate(270deg) translateX(50.414em) rotate(-270deg);
        transform: rotate(270deg) translateX(50.414em) rotate(-270deg)
    }
    to {
        -webkit-transform: rotate(630deg) translateX(50.414em) rotate(-630deg);
        transform: rotate(630deg) translateX(50.414em) rotate(-630deg)
    }
}

@keyframes orbit-animation-21 {
    from {
        -webkit-transform: rotate(270deg) translateX(50.414em) rotate(-270deg);
        transform: rotate(270deg) translateX(50.414em) rotate(-270deg)
    }
    to {
        -webkit-transform: rotate(630deg) translateX(50.414em) rotate(-630deg);
        transform: rotate(630deg) translateX(50.414em) rotate(-630deg)
    }
}

.my-network-system .planet-22 {
    -webkit-animation: explosion-animation-22 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-22 480s linear 1.95s infinite;
    animation: explosion-animation-22 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-22 480s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-22 {
    from {
        -webkit-transform: rotate(195deg) translateX(0px) rotate(-195deg);
        transform: rotate(195deg) translateX(0px) rotate(-195deg)
    }
    to {
        -webkit-transform: rotate(315deg) translateX(50.414em) rotate(-315deg);
        transform: rotate(315deg) translateX(50.414em) rotate(-315deg)
    }
}

@keyframes explosion-animation-22 {
    from {
        -webkit-transform: rotate(195deg) translateX(0px) rotate(-195deg);
        transform: rotate(195deg) translateX(0px) rotate(-195deg)
    }
    to {
        -webkit-transform: rotate(315deg) translateX(50.414em) rotate(-315deg);
        transform: rotate(315deg) translateX(50.414em) rotate(-315deg)
    }
}

@-webkit-keyframes orbit-animation-22 {
    from {
        -webkit-transform: rotate(315deg) translateX(50.414em) rotate(-315deg);
        transform: rotate(315deg) translateX(50.414em) rotate(-315deg)
    }
    to {
        -webkit-transform: rotate(675deg) translateX(50.414em) rotate(-675deg);
        transform: rotate(675deg) translateX(50.414em) rotate(-675deg)
    }
}

@keyframes orbit-animation-22 {
    from {
        -webkit-transform: rotate(315deg) translateX(50.414em) rotate(-315deg);
        transform: rotate(315deg) translateX(50.414em) rotate(-315deg)
    }
    to {
        -webkit-transform: rotate(675deg) translateX(50.414em) rotate(-675deg);
        transform: rotate(675deg) translateX(50.414em) rotate(-675deg)
    }
}

.my-network-system .planet-23 {
    -webkit-animation: explosion-animation-23 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-23 480s linear 1.95s infinite;
    animation: explosion-animation-23 2s cubic-bezier(0.2, 0.43, 1, -0.59), orbit-animation-23 480s linear 1.95s infinite
}

@-webkit-keyframes explosion-animation-23 {
    from {
        -webkit-transform: rotate(240deg) translateX(0px) rotate(-240deg);
        transform: rotate(240deg) translateX(0px) rotate(-240deg)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(50.414em) rotate(-360deg);
        transform: rotate(360deg) translateX(50.414em) rotate(-360deg)
    }
}

@keyframes explosion-animation-23 {
    from {
        -webkit-transform: rotate(240deg) translateX(0px) rotate(-240deg);
        transform: rotate(240deg) translateX(0px) rotate(-240deg)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(50.414em) rotate(-360deg);
        transform: rotate(360deg) translateX(50.414em) rotate(-360deg)
    }
}

@-webkit-keyframes orbit-animation-23 {
    from {
        -webkit-transform: rotate(360deg) translateX(50.414em) rotate(-360deg);
        transform: rotate(360deg) translateX(50.414em) rotate(-360deg)
    }
    to {
        -webkit-transform: rotate(720deg) translateX(50.414em) rotate(-720deg);
        transform: rotate(720deg) translateX(50.414em) rotate(-720deg)
    }
}

@keyframes orbit-animation-23 {
    from {
        -webkit-transform: rotate(360deg) translateX(50.414em) rotate(-360deg);
        transform: rotate(360deg) translateX(50.414em) rotate(-360deg)
    }
    to {
        -webkit-transform: rotate(720deg) translateX(50.414em) rotate(-720deg);
        transform: rotate(720deg) translateX(50.414em) rotate(-720deg)
    }
}

.my-network-system {
    top: 0px;
}



@media only screen and (max-width: 600px) {
    .my-network-system {
        margin-top: 0px;
        left: -100%;
        
        
    }
}