*,:before,:after{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:min(4vw,13px);transition:background-color 1s,color 1s}@media (prefers-color-scheme:light),(prefers-color-scheme:no-preference){body{color:#0c0c0c;background-color:#fff}}@media (prefers-color-scheme:dark){body{color:#f1f1f1;background-color:#000}}body{flex-direction:column;justify-content:center;align-items:center;width:100vw;min-width:300px;height:100vh;min-height:500px;font-family:Roboto,sans-serif;font-weight:400;line-height:1.6;display:flex}body>*{flex-grow:1}header,footer{text-align:center;padding:2em}header{flex-direction:column;justify-content:end;padding-top:3em;display:flex}header svg{width:min(75vw,425px);height:auto}section{text-align:center;flex-direction:column;justify-content:start;align-items:center;width:min(75vw,450px);font-size:1.4rem;display:flex}section p{margin-top:1em}section canvas{width:min(60vw,300px)!important;height:min(60vw,300px)!important}section .visible{display:unset}section .hidden{display:none}footer{flex-grow:0}.aurora{z-index:-1;opacity:.5;background:linear-gradient(-45deg,#667eea,#764ba2,#cd486b,#fbbf54) 0 0/400% 400%;width:100%;height:100%;animation:10s ease-in-out infinite auroraAnimation;position:fixed;top:0;left:0}@keyframes auroraAnimation{0%{background-position:0}50%{background-position:100%}to{background-position:0}}