body{background:darkorange;font-family:sans-serif;color:orangered}.honeycomb{display:grid;width:110.7vw;margin:0 auto;transform:translate(-6.15vw/2);grid-template-columns:repeat(9, minmax(12vw, 1fr));grid-auto-rows:10.3992vw;gap:0.3vw}.cell{width:12vw;height:13.8vw;margin:0;background-color:white;clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);display:flex;justify-content:center;align-items:center;overflow:hidden;text-align:center}.cell p{margin:1em}.cell:nth-child(18n + 10){margin-left:6.15vw}.cell:nth-child(18n + 11){margin-left:6.15vw}.cell:nth-child(18n + 12){margin-left:6.15vw}.cell:nth-child(18n + 13){margin-left:6.15vw}.cell:nth-child(18n + 14){margin-left:6.15vw}.cell:nth-child(18n + 15){margin-left:6.15vw}.cell:nth-child(18n + 16){margin-left:6.15vw}.cell:nth-child(18n + 17){margin-left:6.15vw}.cell:nth-child(18n + 18){margin-left:6.15vw}.color{animation:colorchange 50s;-webkit-animation:colorchange 50s}.drip-wrapper{border:0px solid #ffc217;filter:url("#goo");height:100VH;overflow:hidden;position:absolute;left:0;right:0;bottom:0;width:100%;left:auto;z-index:-1}.drip-wrapper .drip-top{border-radius:30%;height:50px;position:absolute;width:100%;top:-30px;background:#ffc217}.drip-wrapper .drip-bottom{border-radius:10%;height:50px;position:absolute;width:100%;bottom:-30px;background:#ffc217}.drip-wrapper .drip{border-radius:50%;height:100px;position:absolute;width:75px;background:#ffc217;transform:translate(0, 0) scale(2);animation:drip-1 cubic-bezier(0.66, 0.1, 0.97, 0.36) 3s infinite}.drip-wrapper .drip:nth-child(1){animation-name:drip-1;animation-delay:1.25s;left:5%;top:-29%}.drip-wrapper .drip:nth-child(2){animation-name:drip-2;animation-delay:0.5s;left:10%;top:-20%}.drip-wrapper .drip:nth-child(3){animation-name:drip-3;animation-delay:2s;left:20%;top:-25%}.drip-wrapper .drip:nth-child(4){animation-name:drip-4;animation-delay:1s;left:30%;top:-25%}.drip-wrapper .drip:nth-child(5){animation-name:drip-5;animation-delay:1.75s;left:50%;height:75px;width:50px;top:-20%}.drip-wrapper .drip:nth-child(6){animation-name:drip-1;animation-delay:2.25s;left:60%;top:-20%}.drip-wrapper .drip:nth-child(7){animation-name:drip-2;animation-delay:1.5s;left:75%;top:-20%;height:50px;width:30px}.drip-wrapper .drip:nth-child(8){animation-name:drip-3;animation-delay:1s;left:90%;top:-25%}.drip-wrapper .drip:nth-child(9){animation-name:drip-4;animation-delay:0.75s;left:100%;top:-25%}.drip-wrapper .drip:nth-child(10){animation-name:drip-5;animation-delay:2.5s;left:50%;top:-20%;height:50px;width:40px}.drip-wrapper .drip:nth-child(11){animation-name:drip-5;animation-delay:0.25s;left:-20%;top:-20%}@keyframes drip-1{to{transform:translateY(500px) scale(0)}}@keyframes drip-2{to{transform:translateY(800px) scale(0)}}@keyframes drip-3{to{transform:translateY(600px) scale(0)}}@keyframes drip-4{to{transform:translateY(500px) scale(0.4)}}@keyframes drip-5{to{transform:translateY(400px) scale(0.2)}}@keyframes colorchange{0%{background:#e8630a}10%{background:#EA3281}20%{background:#E71669}30%{background:#661BAC}40%{background:#FDC600}50%{background:#75AC25}60%{background:#3283B5}70%{background:#0A5D9A}80%{background:#232F37}90%{background:#1B2735}100%{background:#090a0f}}@-webkit-keyframes colorchange{0%{background:#e8630a}10%{background:#EA3281}20%{background:#E71669}30%{background:#661BAC}40%{background:#FDC600}50%{background:#75AC25}60%{background:#3283B5}70%{background:#0A5D9A}80%{background:#232F37}90%{background:#1B2735}100%{background:#090a0f}}