*{box-sizing:border-box}.orbit{position:absolute;top:10%;right:15%;width:auto}@media(max-width:1024px){.orbit{top:-25%;right:8%}}.orbit-icon{width:2em;height:2em;line-height:2em;font-size:1.2em;border-radius:50%;background:#ccc;color:#fff;text-align:center;display:block;padding-top:15px}.orbit-wrap{height:20em;list-style:none;font-size:1.3em}.orbit-wrap>li{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-ring-0{width:25em;height:25em}.orbit-ring-0>*:nth-of-type(1){transform:rotate(126.6666666667deg) translate(12.5em) rotate(-126.6666666667deg)}.orbit-ring-0>*:nth-of-type(2){transform:rotate(253.3333333333deg) translate(12.5em) rotate(-253.3333333333deg)}.orbit-ring-0>*:nth-of-type(3){transform:rotate(380deg) translate(12.5em) rotate(-380deg)}.orbit-ring-1{width:20em;height:20em}.orbit-ring-1>*:nth-of-type(1){transform:rotate(95deg) translate(10em) rotate(-95deg)}.orbit-ring-1>*:nth-of-type(2){transform:rotate(190deg) translate(10em) rotate(-190deg)}.orbit-ring-1>*:nth-of-type(3){transform:rotate(285deg) translate(10em) rotate(-285deg)}.orbit-ring-1>*:nth-of-type(4){transform:rotate(380deg) translate(10em) rotate(-380deg)}.orbit-ring-2{width:15em;height:15em}.orbit-ring-2>*:nth-of-type(1){transform:rotate(76deg) translate(7.5em) rotate(-76deg)}.orbit-ring-2>*:nth-of-type(2){transform:rotate(152deg) translate(7.5em) rotate(-152deg)}.orbit-ring-2>*:nth-of-type(3){transform:rotate(228deg) translate(7.5em) rotate(-228deg)}.orbit-ring-2>*:nth-of-type(4){transform:rotate(304deg) translate(7.5em) rotate(-304deg)}.orbit-ring-2>*:nth-of-type(5){transform:rotate(380deg) translate(7.5em) rotate(-380deg)}.orbit-ring-3{width:10em;height:10em}.orbit-ring-3>*:nth-of-type(1){transform:rotate(calc(infinity * 1deg)) translate(5em) rotate(calc(-infinity * 1deg))}.orbit-ring-3>*:nth-of-type(0){transform:rotate(calc(NaN * 1deg)) translate(5em) rotate(calc(NaN * 1deg))}ul[class^=orbit-ring]{border:solid 1px #ccc;position:relative;padding:0;border-radius:50%;list-style:none;box-sizing:content-box}ul[class^=orbit-ring] li{display:block;position:absolute;top:50%;left:50%;width:2em;height:2em;margin:-1em}.orbit-center{z-index:5;font-size:2em;width:1.8em;height:1.8em;line-height:1.8em;text-align:center;background:#ff69b4;border-radius:50%}.fa-flutter{background:#5fbc79;color:#fff}.fa-android{background:#fd8484;color:#fff}.fa-circle-dot{background:#03a9f4;color:#fff}.fa-terminal{background:#222;color:#fff}.fa-react{background:#2196f3;color:#fff}.fa-app-store-ios{background:#fa6719;color:#fff}.fa-github{background:#222;color:#fff}.fa-node-js{background:#c281d1;color:#fff}@media(max-width:767px){.orbit{top:0%;right:8%}.orbit-wrap{height:15em;font-size:1em}.orbit-ring-0{width:20em;height:20em}.orbit-ring-1{width:16em;height:16em}.orbit-ring-2{width:12em;height:12em}.orbit-ring-3{width:8em;height:8em}.orbit-ring-0>*:nth-of-type(1){transform:rotate(126.6666666667deg) translate(10em) rotate(-126.6666666667deg)}.orbit-ring-0>*:nth-of-type(2){transform:rotate(253.3333333333deg) translate(10em) rotate(-253.3333333333deg)}.orbit-ring-0>*:nth-of-type(3){transform:rotate(380deg) translate(10em) rotate(-380deg)}.orbit-ring-1>*:nth-of-type(1){transform:rotate(95deg) translate(8em) rotate(-95deg)}.orbit-ring-1>*:nth-of-type(2){transform:rotate(190deg) translate(8em) rotate(-190deg)}.orbit-ring-1>*:nth-of-type(3){transform:rotate(285deg) translate(8em) rotate(-285deg)}.orbit-ring-1>*:nth-of-type(4){transform:rotate(380deg) translate(8em) rotate(-380deg)}.orbit-ring-2>*:nth-of-type(1){transform:rotate(76deg) translate(6em) rotate(-76deg)}.orbit-ring-2>*:nth-of-type(2){transform:rotate(152deg) translate(6em) rotate(-152deg)}.orbit-ring-2>*:nth-of-type(3){transform:rotate(228deg) translate(6em) rotate(-228deg)}.orbit-ring-2>*:nth-of-type(4){transform:rotate(304deg) translate(6em) rotate(-304deg)}.orbit-ring-2>*:nth-of-type(5){transform:rotate(380deg) translate(6em) rotate(-380deg)}.orbit-ring-3>*:nth-of-type(1){transform:rotate(calc(infinity * 1deg)) translate(4em) rotate(calc(-infinity * 1deg))}.orbit-ring-3>*:nth-of-type(0){transform:rotate(calc(NaN * 1deg)) translate(4em) rotate(calc(NaN * 1deg))}.orbit-icon{width:1.5em;height:1.5em;font-size:1em;padding-top:5px}.orbit-center{font-size:1.5em;width:1.5em;height:1.5em;line-height:1.5em}}