.container-honey{height:100vh;animation:4s linear infinite animate;position:relative;overflow:hidden}@keyframes animate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.row{margin-top:-32px;margin-left:-50px;display:inline-flex;overflow:hidden}.row:nth-child(2n){margin-left:1px}.hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#111;width:100px;height:110px;margin:1px;transition:all 2s;position:relative}.hexagon:before{content:"";pointer-events:none;background:#ffffff05;width:50%;height:100%;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.hexagon:hover{background:gray;transition:all}}.hexagon:focus-visible{background:gray;outline:none;transition:all}
@keyframes fadeIn{0%{opacity:0}50%{opacity:1}to{opacity:0}}.fade{animation:6s ease-in-out fadeIn}