*{box-sizing:border-box}html{font-size:100%}.homepage .orbit{float:left;background:#090c29;width:100%;min-width:100vw;min-height:100vh;position:absolute;top:70%}.homepage .orbit-icon{color:#fff;text-align:center;justify-content:center;align-items:center;font-size:1.2em;display:flex}.homepage .orbit-wrap{height:40em;font-size:1.3em;list-style:none}.homepage .orbit-wrap>li{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.homepage .orbit-wrap>li:hover ul{border-width:2px;border-color:#fff}.homepage .orbit-wrap>li:hover~li ul{border-color:#fff3}.homepage .orbit-wrap>li:hover~li ul li{opacity:.4}.homepage ul[class^=ring],.homepage ul[class^=ring] li{transition:all .3s ease-in-out}.homepage .ring-0{width:44em;height:44em;animation:40s linear infinite clockwiseRotate}.homepage .ring-0 i{animation:40s linear infinite counterClockwiseRotate}.homepage .ring-0>:first-of-type{transform:rotate(47.5deg)translate(22em)rotate(-47.5deg)}.homepage .ring-0>:nth-of-type(2){transform:rotate(95deg)translate(22em)rotate(-95deg)}.homepage .ring-0>:nth-of-type(3){transform:rotate(142.5deg)translate(22em)rotate(-142.5deg)}.homepage .ring-0>:nth-of-type(4){transform:rotate(190deg)translate(22em)rotate(-190deg)}.homepage .ring-0>:nth-of-type(5){transform:rotate(237.5deg)translate(22em)rotate(-237.5deg)}.homepage .ring-0>:nth-of-type(6){transform:rotate(285deg)translate(22em)rotate(-285deg)}.homepage .ring-0>:nth-of-type(7){transform:rotate(332.5deg)translate(22em)rotate(-332.5deg)}.homepage .ring-0>:nth-of-type(8){transform:rotate(380deg)translate(22em)rotate(-380deg)}.homepage .ring-1{width:36em;height:36em;animation:37s linear infinite clockwiseRotate}.homepage .ring-1 i{animation:37s linear infinite counterClockwiseRotate}.homepage .ring-1>:first-of-type{transform:rotate(38deg)translate(18em)rotate(-38deg)}.homepage .ring-1>:nth-of-type(2){transform:rotate(76deg)translate(18em)rotate(-76deg)}.homepage .ring-1>:nth-of-type(3){transform:rotate(114deg)translate(18em)rotate(-114deg)}.homepage .ring-1>:nth-of-type(4){transform:rotate(152deg)translate(18em)rotate(-152deg)}.homepage .ring-1>:nth-of-type(5){transform:rotate(190deg)translate(18em)rotate(-190deg)}.homepage .ring-1>:nth-of-type(6){transform:rotate(228deg)translate(18em)rotate(-228deg)}.homepage .ring-1>:nth-of-type(7){transform:rotate(266deg)translate(18em)rotate(-266deg)}.homepage .ring-1>:nth-of-type(8){transform:rotate(304deg)translate(18em)rotate(-304deg)}.homepage .ring-1>:nth-of-type(9){transform:rotate(342deg)translate(18em)rotate(-342deg)}.homepage .ring-1>:nth-of-type(10){transform:rotate(380deg)translate(18em)rotate(-380deg)}.homepage .ring-2{width:28em;height:28em;animation:34s linear infinite clockwiseRotate}.homepage .ring-2 i{animation:34s linear infinite counterClockwiseRotate}.homepage .ring-2>:first-of-type{transform:rotate(63.3333deg)translate(14em)rotate(-63.3333deg)}.homepage .ring-2>:nth-of-type(2){transform:rotate(126.667deg)translate(14em)rotate(-126.667deg)}.homepage .ring-2>:nth-of-type(3){transform:rotate(190deg)translate(14em)rotate(-190deg)}.homepage .ring-2>:nth-of-type(4){transform:rotate(253.333deg)translate(14em)rotate(-253.333deg)}.homepage .ring-2>:nth-of-type(5){transform:rotate(316.667deg)translate(14em)rotate(-316.667deg)}.homepage .ring-2>:nth-of-type(6){transform:rotate(380deg)translate(14em)rotate(-380deg)}.homepage ul[class^=ring]{box-sizing:content-box;box-shadow:none;border:1px solid #ffffffb3;border-radius:50%;padding:0;list-style:none;position:relative}.homepage ul[class^=ring] li{width:50px;height:50px;margin:-25px;display:block;position:absolute;top:50%;left:50%}.homepage .orbit-center{z-index:5;text-align:center;background:#ff69b4;border-radius:50%;width:1.8em;height:1.8em;font-size:2em;line-height:1.8em}.homepage .orbit-center:hover .orbit-center__icon{transform:rotate(0)}.homepage .orbit-center__icon{transition:all .3s ease-in-out;transform:rotate(-360deg)}.homepage .orbit-wrap>li.orbit-center:hover~li>ul{width:0;height:0}.homepage .orbit-wrap>li.orbit-center:hover~li>ul *{transform:translate(0)}@keyframes clockwiseRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counterClockwiseRotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.homepage .fa-heart-o{color:#fff;background:#b71c1c}.homepage .fa-coffee{color:#cddc39;background:#4caf50}.homepage .fa-safari{color:#483d8b;background:#fff}.homepage .fa-firefox{color:#ff8f00;background:#1565c0}.homepage .fa-chrome{color:#ef6c00;background:#fbc02d}.homepage .fa-edge{color:#fff;background:#03a9f4}.homepage .fa-android{color:#32cd32;background:snow}.homepage .fa-apple{color:#fff;background:#444}.homepage .fa-linux{color:#222;background:#fff}.homepage .fa-windows{color:#03a9f4;background:#fff}.homepage .fa-terminal{color:#fff;background:#222}.homepage .fa-html5{color:#e65100;background:#fff}.homepage .fa-css3{color:#2196f3;background:#fff}.homepage .fa-git{color:#fff;background:#222}.homepage .fa-free-code-camp{color:#fff;background:green}.homepage .fa-meetup,.homepage .fa-podcast{color:#fff;background:red}.homepage .fa-codepen{color:#fff;background:#333}