.hero-wrapper{background-color:black;position:relative;min-height:900px;width:auto;overflow:hidden;animation:animate 10s linear infinite}@keyframes animate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.hex{display:inline-flex;margin-top:-32px;margin-left:-50px;overflow:hidden}.hex:nth-child(2n){margin-left:1px}.hexagon{position:relative;height:110px;width:100px;margin:1px;transition:2s;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hexagon:before{position:absolute;content:"";height:100%;width:50%;background:rgba(255,255,255,.04)}.hexagon:hover{transition:0s;background:lime}