#main{text-align:center;justify-content:center;align-items:center;height:100vh;margin-top:0;display:flex}.rainbow{color:#454545;z-index:0;border-radius:10px;justify-content:center;align-items:center;width:350px;height:250px;padding:2rem;font-family:OpS,sans-serif;font-weight:700;display:flex;position:relative;overflow:hidden}.rainbow:before{content:"";z-index:-2;background-image:linear-gradient(#399953,#399953),linear-gradient(#fbb300,#fbb300),linear-gradient(#d53e33,#d53e33),linear-gradient(#377af5,#377af5);background-position:0 0,100% 0,100% 100%,0 100%;background-repeat:no-repeat;background-size:50% 50%,50% 50%;width:200%;height:200%;animation:4s linear infinite rotate;position:absolute;top:-50%;left:-50%}.rainbow:after{content:"";z-index:-1;background:#fff;border-radius:5px;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;left:6px}@keyframes rotate{to{transform:rotate(1turn)}}