*{box-sizing:border-box;margin:0;padding:0}body,html{color:#fff;background:#000;height:100%;font-family:Arial,Helvetica,sans-serif}.background{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.shape1{clip-path:polygon(29% 0%,0% 0%,0% 100%,100% 100%,34% 0%,35% 0%);z-index:10;background:linear-gradient(72deg,#450a0a 44.75%,#cc2f2f 79.78%);width:105%;height:100%;position:absolute;top:0;left:0}.shape2{clip-path:polygon(0 0,100% 0,100% 100%,60% 100%,35% 56%);z-index:20;background:linear-gradient(106deg,#661818 7.37%,#cc2f2f 92.63%);width:105%;height:100%;position:absolute}.shape3{mix-blend-mode:multiply;clip-path:polygon(0 95%,100% 6%,100% 100%,0% 100%);opacity:.87;z-index:30;background:linear-gradient(270deg,rgba(102,24,24,.87) 0%,rgba(222,31,31,.87) 59.18%,rgba(255,0,0,.87) 136.77%);width:105%;height:100%;position:absolute}.shape4{clip-path:circle(29.1% at 49% 49%);opacity:.7;z-index:40;background:rgba(255,0,0,.43);width:120%;height:120%;position:absolute;right:-50%}.shape5{clip-path:polygon(0 28%,100% 57%,100% 100%,41% 100%);opacity:.7;z-index:50;background:linear-gradient(rgba(255,115,0,.51) 3.87%,#ed2020 100.48%);width:105%;height:120%;position:absolute}.shape6{clip-path:polygon(0 0,34% 0,100% 27%,100% 100%,25% 100%,0 50%);z-index:80;background:linear-gradient(120deg,rgba(255,0,0,.18) 43.78%,#ed2020 78.26%);width:100%;height:100%;position:absolute}.shape7{mix-blend-mode:color-dodge;clip-path:ellipse(41% 16% at 51% 46%);opacity:.47;z-index:90;background:linear-gradient(rgba(255,255,255,.25) 0%,rgba(255,208,0,.22) 100%);width:100%;height:200%;position:absolute;bottom:-50%;right:-60%;transform:rotate(-45deg)}.shape8{clip-path:circle(29.1% at 49% 49%);opacity:.5;z-index:100;background:rgba(240,246,60,.13);width:180%;height:180%;position:absolute;bottom:-80%;left:-80%}.content{z-index:100;text-align:center;position:relative}.content h1{margin-bottom:1rem;font-size:2.5rem}.content p{margin-bottom:2rem;font-size:1.2rem}.btn{color:#000;background:#fff;border-radius:25px;padding:12px 24px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn:hover{color:#fff;background:red}@keyframes animateShape1{0%{background:linear-gradient(160deg,#000 5%,#8b0000 40%,#ff1a1a 90%);transform:scale(1)}25%{background:linear-gradient(160deg,#000 15%,#a00000 60%,#f33 70%);transform:scale(1.02)}50%{background:linear-gradient(160deg,#000 25%,#b30000 80%,#ff4d4d 50%);transform:scale(1.04)}75%{background:linear-gradient(160deg,#000 15%,#a00000 60%,#f33 70%);transform:scale(1.02)}to{background:linear-gradient(160deg,#000 5%,#8b0000 40%,#ff1a1a 90%);transform:scale(1)}}@keyframes animateShape2{0%,to{opacity:.7;transform:translate(0)}50%{opacity:1}}@keyframes animateShape3{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(1deg)scale(1.03)}}@keyframes pulseShape4{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes animateShape5{0%,to{transform:translate(0)scale(1)}50%{transform:translate(10px,-10px)scale(1.02)}}.shape2{animation:15s ease-in-out infinite animateShape2}.shape3{animation:12s ease-in-out infinite animateShape3}.shape4{animation:8s ease-in-out infinite pulseShape4}.shape5{animation:14s ease-in-out infinite animateShape5}