@keyframes gradient{0%,to{background-position:0 0}50%{background-position:100% 100%}}@keyframes wave{2%,to{transform:translateX(1)}25%,75%{transform:translateX(-25%)}50%{transform:translateX(-50%)}}body,html{font-family:"Poppins",Arial,sans-serif;font-weight:300}body{font-size:16px;background-color:#ed6a5a;margin:0 1rem;color:#262626}.wrapper{display:flex;flex-direction:column;margin:2rem auto}.wrapper h1{text-align:center;color:#fff}.wrapper .buttons{display:flex;justify-content:center;align-items:center;margin-top:2rem;gap:1rem}.wrapper,.wrapper .canvas{max-width:992px;position:relative}.wrapper .canvas{width:100%;height:100%;aspect-ratio:16/9;overflow:hidden;border-radius:.5rem;box-shadow:12px 12px 16px 0 rgba(0,0,0,.25),-8px -8px 12px 0 rgba(255,255,255,.3)}.wrapper .canvas .waves{position:absolute;top:0;left:0;right:0;bottom:0;transition:opacity 1500ms ease;opacity:1;background:linear-gradient(315deg,#65005e 3%,#3c84ce 38%,#30eee2 68%,#ff1919 98%);animation:gradient 15s ease infinite;background-size:400% 400%;background-attachment:fixed}.wrapper .canvas .waves.hidden{opacity:0}.wrapper .canvas .waves .wave{background:rgba(255,255,255,.25);border-radius:1000% 1000% 0 0;position:absolute;width:200%;height:12em;animation:wave 10s -3s linear infinite;transform:translate3d(0,0,0);opacity:.8;bottom:0;left:0;z-index:1}.wrapper .canvas .waves .wave:nth-of-type(2){bottom:-1.25em;animation:wave 18s linear reverse infinite;opacity:.8}.wrapper .canvas .waves .wave:nth-of-type(3){bottom:-2.5em;animation:wave 20s -1s reverse infinite;opacity:.9}.hide{display:none}footer{font-size:.75rem}footer,footer a{color:#fff}footer p{text-align:center}app-toaster{position:fixed;bottom:0;left:0;right:0;width:100%}
//# sourceMappingURL=style.css.map