.honeycomb{align-items:center;animation:honeycombFloat 6s ease-in-out infinite;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:1000px;padding:0;perspective:1000px;transform:translateY(10px)}.honeycomb-cell{animation:honeycombFadeIn .5s ease-out forwards;flex:0 1 90px;height:60px;margin:25px 4px 8px;max-width:100px;opacity:0;padding:.2em;position:relative;text-align:center;transform:translateY(20px);z-index:1}@keyframes honeycombFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes honeycombFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.honeycomb-cell:nth-child(3n){animation-delay:.1s}.honeycomb-cell:nth-child(3n+1){animation-delay:.2s}.honeycomb-cell:nth-child(3n+2){animation-delay:.3s}.honeycomb-content [class^=i-]{font-size:1.5rem;margin-bottom:.25rem}.honeycomb-content h3{font-size:.65rem;line-height:1;margin-bottom:.1rem}.honeycomb-content span{font-size:.55rem;line-height:1}.honeycomb-cell:after,.honeycomb-cell:before{background:#fff;box-shadow:0 0 10px #00000014;content:"";height:100%;left:0;position:absolute;top:-1px;transform:scale(1.1) rotate(30deg);transform-origin:center;transition:all .3s ease;width:100%}.category-ci\/cd:after,.category-ci\/cd:before{background:linear-gradient(135deg,#fce4ec66,#f8bbd066)}.category-container:after,.category-container:before{background:linear-gradient(135deg,#e3f2fd66,#bbdefb66)}.category-iac:after,.category-iac:before{background:linear-gradient(135deg,#f3e5f566,#e1bee766)}.category-monitoring:after,.category-monitoring:before{background:linear-gradient(135deg,#e8f5e966,#c8e6c966)}.category-cloud:after,.category-cloud:before{background:linear-gradient(135deg,#ede7f666,#d1c4e966)}.category-version-control:after,.category-version-control:before{background:linear-gradient(135deg,#fff3e066,#ffe0b266)}.honeycomb-cell:after{transform:scale(1.1) rotate(-30deg)}.honeycomb-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;transition:all .3s ease;width:100%;z-index:2}.honeycomb-cell:hover:after,.honeycomb-cell:hover:before{filter:brightness(1.1);transform:scale(1.15) rotate(30deg);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.honeycomb-cell:hover:after{transform:scale(1.15) rotate(-30deg)}.honeycomb-cell:hover .honeycomb-content{transform:translateZ(10px)}@media (max-width:640px){.honeycomb-cell{margin:20px 8px}}