.tools-wrapper{scale:.55}.tools-wrapper .orbit{float:left;width:100%}.tools-wrapper .orbit-icon{width:1.6em;height:1.6em;line-height:1.6em;font-size:1.58em;border-radius:50%;background:#ccc;color:#fff;text-align:center;display:block}.tools-wrapper .orbit-wrap{height:40em;list-style:none;font-size:1.3em}.tools-wrapper .orbit-wrap>li{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.tools-wrapper .orbit-wrap>li:hover ul{border-width:2px;border-color:#fff}.tools-wrapper .orbit-wrap>li:hover~li ul{border-color:hsla(0,0%,100%,.2)}.tools-wrapper .orbit-wrap>li:hover~li ul li{opacity:.4}.tools-wrapper ul[class^=ring],.tools-wrapper ul[class^=ring] li{transition:all .3s ease-in-out}.tools-wrapper .ring-0{width:25em;height:25em;animation:clockwiseRotate 35s linear infinite}.tools-wrapper .ring-0 i{animation:counterClockwiseRotate 35s linear infinite}.tools-wrapper .ring-0>:first-of-type{transform:rotate(126.6666666667deg) translate(12.5em) rotate(-126.6666666667deg)}.tools-wrapper .ring-0>:nth-of-type(2){transform:rotate(253.3333333333deg) translate(12.5em) rotate(-253.3333333333deg)}.tools-wrapper .ring-0>:nth-of-type(3){transform:rotate(380deg) translate(12.5em) rotate(-380deg)}.tools-wrapper .ring-1{width:20.1em;height:20.1em;animation:clockwiseRotate 30s linear infinite}.tools-wrapper .ring-1 i{animation:counterClockwiseRotate 30s linear infinite}.tools-wrapper .ring-1>:first-of-type{transform:rotate(126.6666666667deg) translate(10em) rotate(-126.6666666667deg)}.tools-wrapper .ring-1>:nth-of-type(2){transform:rotate(253.3333333333deg) translate(10em) rotate(-253.3333333333deg)}.tools-wrapper .ring-1>:nth-of-type(3){transform:rotate(380deg) translate(10em) rotate(-380deg)}.tools-wrapper .ring-2{width:15.2em;height:15.2em;animation:clockwiseRotate 25s linear infinite}.tools-wrapper .ring-2 i{animation:counterClockwiseRotate 25s linear infinite}.tools-wrapper .ring-2>:first-of-type{transform:rotate(126.6666666667deg) translate(7.5em) rotate(-126.6666666667deg)}.tools-wrapper .ring-2>:nth-of-type(2){transform:rotate(253.3333333333deg) translate(7.5em) rotate(-253.3333333333deg)}.tools-wrapper .ring-2>:nth-of-type(3){transform:rotate(380deg) translate(7.5em) rotate(-380deg)}.tools-wrapper .ring-3{width:10.3em;height:10.3em;animation:clockwiseRotate 20s linear infinite}.tools-wrapper .ring-3 i{animation:counterClockwiseRotate 20s linear infinite}.tools-wrapper .ring-3>:first-of-type{transform:rotate(126.6666666667deg) translate(5em) rotate(-126.6666666667deg)}.tools-wrapper .ring-3>:nth-of-type(2){transform:rotate(253.3333333333deg) translate(5em) rotate(-253.3333333333deg)}.tools-wrapper .ring-3>:nth-of-type(3){transform:rotate(380deg) translate(5em) rotate(-380deg)}.tools-wrapper ul[class^=ring]{border:1px solid rgba(33,150,243,.8);position:relative;padding:0;border-radius:50%;list-style:none;box-sizing:content-box}.tools-wrapper ul[class^=ring] li{display:block;position:absolute;top:50%;left:50%;width:1.6em;height:1.6em;margin:-.8em}.tools-wrapper .orbit-center{display:flex;justify-content:center;align-items:center;z-index:5;width:8em;height:8em;text-align:center;border-radius:50%}.tools-wrapper .orbit-center:hover .orbit-center__icon{transform:rotate(0deg)}.tools-wrapper .orbit-center__icon{transform:rotate(-1turn);transition:all .3s ease-in-out}.tools-wrapper .orbit-wrap>li.orbit-center:hover~li>ul{width:0;height:0}.tools-wrapper .orbit-wrap>li.orbit-center:hover~li>ul *{transform:translate(0)}@keyframes clockwiseRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes counterClockwiseRotate{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.tools-wrapper .fa-heart-o{background:#fff;color:#fff;padding:2px}.tools-wrapper .fa-coffee{background:#fff;color:#cddc39;padding:2px}.tools-wrapper .fa-safari{background:#fff;color:#483d8b;padding:2px}.tools-wrapper .fa-firefox{background:#fff;color:#ff8f00;padding:2px}.tools-wrapper .fa-chrome{background:#fff;color:#ef6c00;padding:2px}.tools-wrapper .fa-edge{background:#fff;color:#fff;padding:2px}.tools-wrapper .fa-android{background:#fff;color:#32cd32;padding:2px}.tools-wrapper .fa-apple{background:#fff;color:#fff;padding:2px}.tools-wrapper .fa-linux{background:#fff;color:#222;padding:2px}.tools-wrapper .fa-windows{background:#fff;color:#03a9f4;padding:2px}.tools-wrapper .fa-terminal{background:#fff;color:#fff;padding:2px}.tools-wrapper .fa-html5{background:#fff;color:#e65100;padding:2px}.tools-wrapper .fa-css3{background:#fff;color:#2196f3;padding:2px}.tools-wrapper .fa-codepen,.tools-wrapper .fa-free-code-camp,.tools-wrapper .fa-git,.tools-wrapper .fa-meetup,.tools-wrapper .fa-podcast{background:#fff;color:#fff;padding:2px}@keyframes spin-slow{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.tools-container .animate-spin-slow{animation:spin-slow 20s linear infinite}.shimmer-light{position:absolute;top:0;left:-150%;height:100%;width:150%;background:linear-gradient(120deg,hsla(0,0%,100%,0) 10%,hsla(0,0%,100%,.9) 50%,hsla(0,0%,100%,0) 90%);animation:shimmer 1.2s ease-in-out forwards;pointer-events:none;border-radius:inherit;z-index:1}@keyframes shimmer{0%{left:-150%}to{left:100%}}