html,body{margin:0;padding:0;height:100vh;width:100vw;overflow:hidden;display:flex;justify-content:center;align-items:center;background:linear-gradient(270deg,#49bab2,#9dd4d1,#45b0ac);background-size:600% 600%;animation:gradientFlow 10s ease infinite}canvas{width:95vw!important;height:100vh!important;padding-left:2.5%;object-fit:contain;display:block;opacity:0;animation:fadeIn 1s ease-in forwards;animation-delay:.2s}@keyframes fadeIn{to{opacity:1}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}