:root,html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden}.App{text-align:center;height:100%;width:100%;overflow:hidden}.App-header{position:relative;min-height:100%;width:100%;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;background:linear-gradient(135deg,#00008b,indigo,#8b0000,red);background-size:400% 400%;animation:gradient-wave 25s ease-in-out infinite;box-shadow:inset 0 0 100px #000000b3}.App-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.06),transparent 60%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.04),transparent 50%);mix-blend-mode:overlay;filter:blur(60px);animation:wave-layer-1 20s ease-in-out infinite alternate;pointer-events:none}.App-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 80%,rgba(255,255,255,.03),transparent 70%),radial-gradient(circle at 90% 20%,rgba(0,0,0,.03),transparent 70%);background-size:300% 300%,250% 250%;mix-blend-mode:soft-light;filter:blur(40px);animation:wave-layer-2 30s ease-in-out infinite alternate;pointer-events:none}@keyframes gradient-wave{0%{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.3)}to{background-position:0% 50%;filter:brightness(1)}}@keyframes wave-layer-1{0%{transform:translate(-5%,-5%) scale(1)}to{transform:translate(5%,5%) scale(1.1)}}@keyframes wave-layer-2{0%{transform:translate(0) scale(1)}to{transform:translate(-5%,5%) scale(1.05)}}.App-logo{width:auto;height:auto;max-width:90vw;max-height:90vh;pointer-events:none;animation:App-logo-spin infinite 20s linear;z-index:1}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App-link{color:#61dafb}