:root{background:linear-gradient(180deg,#171226 0%,#0b0a12 55%,#070609 100%)}html,body,canvas{width:100%;height:100%;margin:0;overflow:hidden}body:before{content:"";position:fixed;top:-60px;right:-60px;bottom:-60px;left:-60px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;z-index:3;animation:grao .6s steps(3) infinite}@keyframes grao{0%{transform:translate(0)}33%{transform:translate(-25px,18px)}66%{transform:translate(18px,-22px)}to{transform:translate(0)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(5,4,10,.55));pointer-events:none}