.actionBttn{width:235px;height:56px}*{box-sizing:border-box}.wrapper-container-main{height:100vh;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;overflow:hidden}.main-div{position:relative;margin:4px;background-color:initial}.main-div1:before{left:0;top:0;box-shadow:0 0 17px 3px #ffff01,0 0 4px 2px #ffff01;animation-name:yellow-shadow;animation-timing-function:ease;animation-duration:2s;animation-iteration-count:infinite}.main-div1:after,.main-div1:before{content:"";position:absolute;width:50%;height:50%;z-index:-1;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.main-div1:after{right:0;bottom:0;box-shadow:0 0 17px 3px #0ff,0 0 4px 2px #0ff;animation-name:cyan-shadow;animation-timing-function:ease;animation-duration:2s;animation-iteration-count:infinite}.main-div2:before{width:100%;animation-name:gradient-shadow;animation-timing-function:ease;animation-duration:2s;animation-iteration-count:infinite}.main-div2:before,.main-div3:before{content:"";position:absolute;left:0;top:0;height:100%;box-shadow:0 0 17px 3px #ffff01,0 0 4px 2px #ffff01;z-index:-1;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.main-div3:before{width:50%;animation-name:half-yellow-shadow;animation-timing-function:ease;animation-duration:5s;animation-iteration-count:infinite}.main-div3:after{content:"";position:absolute;right:0;bottom:0;width:50%;height:100%;box-shadow:0 0 17px 3px #0ff,0 0 4px 2px #0ff;z-index:-1;animation-name:half-cyan-shadow;animation-timing-function:ease;animation-duration:5s;animation-iteration-count:infinite}.main-div3:after,h1{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}h1{font-size:50px;margin:0;position:relative;z-index:3;padding:20px;background-color:#060c1f;color:#fff}@keyframes yellow-shadow{0%{top:0;left:0}25%{top:50%;left:0}50%{top:50%;left:50%}75%{top:0;left:50%}to{top:0;left:0}}@keyframes cyan-shadow{0%{right:0;bottom:0}25%{right:0;bottom:50%}50%{right:50%;bottom:50%}75%{right:50%;bottom:0}to{right:0;bottom:0}}@keyframes gradient-shadow{0%{box-shadow:0 0 17px 3px #c586c0,0 0 4px 2px #c586c0}20%{box-shadow:0 0 17px 3px #0ff,0 0 4px 2px #0ff}40%{box-shadow:0 0 17px 3px #0f0,0 0 4px 2px #0f0}60%{box-shadow:0 0 17px 3px #ffff01,0 0 4px 2px #ffff01}80%{box-shadow:0 0 17px 3px red,0 0 4px 2px red}to{box-shadow:0 0 17px 3px #c586c0,0 0 4px 2px #c586c0}}@keyframes half-yellow-shadow{0%{top:0;left:0;height:50%;width:50%}16.66%{top:0;left:0;height:50%;width:100%}32.32%{top:0;left:50%;height:50%;width:50%}49.98%{top:50%;left:50%;height:50%;width:50%}66.64%{top:50%;left:0;height:50%;width:100%}83.3%{top:50%;left:0;height:50%;width:50%}to{top:0;left:0;height:50%;width:50%}}@keyframes half-cyan-shadow{0%{bottom:0;right:0;height:50%;width:50%}16.66%{bottom:0;right:0;height:50%;width:100%}32.32%{bottom:0;right:50%;height:50%;width:50%}49.98%{bottom:50%;right:50%;height:50%;width:50%}66.64%{bottom:50%;right:0;height:50%;width:100%}83.3%{bottom:50%;right:0;height:50%;width:50%}to{bottom:0;right:0;height:50%;width:50%}}