.gradient-box,.gradient-box:before,.gradient-box>*{position:relative;border-radius:8px}.gradient-box:before{position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(45deg,red,orange 25%,#ff0 50%,green 75%,blue);content:" "}.main{text-align:center}.heading{margin:50px auto;padding:10px}.container,.heading{max-width:500px;background:#c6daf7;border-radius:10px}.container{display:flex;flex-direction:column;width:80%;margin:auto}.item{background:#2a5ea4;margin:7px;border-radius:10px;padding:10px;color:#fff;touch-action:none}