html,body{padding:0;margin:0;width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;background:rgb(29,24,119);background:linear-gradient(45deg,rgba(29,24,119,1) 0%,rgba(28,28,134,1) 11%,rgba(0,212,255,1) 100%);overflow:hidden}.blr{width:30%;min-width:400px;box-shadow:0 0 1rem #0003;border-radius:5px;padding:10px 0;position:relative;z-index:1;background:inherit;overflow:hidden}.blr:before{content:"";position:absolute;background:inherit;z-index:-1;inset:0;box-shadow:inset 0 0 2000px #0084db1a;opacity:.75;filter:blur(30px)}.background-shapes .shape{position:absolute;width:200px;height:200px}.background-shapes .shape.circle{border-radius:50%}.background-shapes .shape.square{opacity:.6}.background-shapes .shape.circle:nth-of-type(1){width:300px;height:300px;top:80%;left:25%;background:rgb(0,36,27);background:linear-gradient(315deg,rgba(0,36,27,1) 0%,rgba(50,9,121,1) 35%,rgba(0,219,255,1) 100%)}.background-shapes .shape.circle:nth-of-type(2){width:100px;height:100px;top:45%;right:15%;background:rgb(0,36,27);background:linear-gradient(315deg,rgba(0,36,27,1) 0%,rgba(54,121,9,1) 35%,rgba(241,255,0,1) 100%)}.background-shapes .shape.circle:nth-of-type(3){top:-10%;right:28%;background:rgb(0,36,27);background:linear-gradient(315deg,rgba(0,36,27,1) 0%,rgba(9,121,65,1) 35%,rgba(0,255,89,1) 100%)}.background-shapes .shape.circle:nth-of-type(4){width:400px;height:400px;top:-10%;left:-10%;background:rgb(0,36,27);background:linear-gradient(315deg,rgba(0,36,27,1) 0%,rgba(9,53,121,1) 35%,rgba(0,206,255,1) 100%)}.background-shapes .shape.square:nth-of-type(5){width:300px;height:300px;top:5%;right:-10%;transform:rotate(55deg);border:5px solid #7f3ce3}.background-shapes .shape.square:nth-of-type(6){width:100px;height:100px;top:70%;left:10%;transform:rotate(115deg);border:5px solid #e33c42}.background-shapes .shape.square:nth-of-type(7){bottom:-10%;right:13%;transform:rotate(105deg);border:5px solid #dde33c}.background-shapes .shape.square:nth-of-type(8){width:400px;height:400px;top:13%;left:30%;transform:rotate(55deg);border:5px solid #3ce384}
