html,body{height:100%;width:100%;padding:0;margin:0;font-family:Unbounded,cursive;background-color:#000}*,*:before,*:after{box-sizing:border-box}:root{--color-1: #5ACEF2;--color-2: #FF8062;--color-3: #5BE7C3;--color-4: #F1B170}.display-center{display:flex;justify-content:center;align-items:center}.close{cursor:pointer}.close:hover{transform:scale(1.2)}.line{width:100%;background-color:#fff;height:2px;color:#fff;margin-top:10px;border-radius:5px}@keyframes rotate{to{transform:rotate(1turn)}}.rainbow{position:relative;z-index:0;width:100%;height:100%;border-radius:35px;overflow:hidden;padding:2rem}.rainbow:before{content:"";position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#399953;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#399953,#399953),linear-gradient(#fbb300,#fbb300),linear-gradient(#d53e33,#d53e33),linear-gradient(#377af5,#377af5);animation:rotate 4s linear infinite}.rainbow:after{content:"";position:absolute;z-index:-1;left:6px;top:6px;width:calc(100% - 12px);height:calc(100% - 12px);background:rgb(0,0,0);border-radius:5px;animation:opacityChange 3s infinite alternate}@keyframes opacityChange{50%{opacity:1}to{opacity:.5}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}