@keyframes rainbow-bg-color-animation{0%{filter:blur(100px);opacity:.6}25%{filter:blur(80px);opacity:.4}75%{filter:blur(120px);opacity:1}to{filter:blur(100px);opacity:.6}}.rainbow-bg{--animation-duration:3s;--colors-count:5;align-items:center;display:flex;justify-content:center;.rainbow-bg-color{animation:rainbow-bg-color-animation var(--animation-duration) linear infinite;background-color:#ccc;filter:blur(100px);height:100%;opacity:.3;width:20%;will-change:opacity,filter}.rainbow-bg-color:first-child,.rainbow-bg-color:last-child{height:80%}.rainbow-bg-color:first-child{animation-delay:0s;background-color:#0072fe}.rainbow-bg-color:nth-child(2){animation-delay:calc((var(--animation-duration)/var(--colors-count))*1);background-color:#00d2ff}.rainbow-bg-color:nth-child(3){animation-delay:calc((var(--animation-duration)/var(--colors-count))*2);background-color:#00ff84}.rainbow-bg-color:nth-child(4){animation-delay:calc((var(--animation-duration)/var(--colors-count))*3);background-color:#5aff00}.rainbow-bg-color:nth-child(5){animation-delay:calc((var(--animation-duration)/var(--colors-count))*4);background-color:#ffea00}}.main-page{display:flex;flex-direction:column;section{min-height:100vh}}