:root{--page-background:#f1f5f9;--text-color:#334155;--accent-color:#526477;--link-hover:#bfdbfe}body{background:var(--page-background);width:100%;height:100vh;color:var(--text-color);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}canvas{width:100%;height:100vh}h1{color:var(--text-color);place-content:center;display:flex}.main{background:var(--accent-color);color:#fff;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;margin:200px;padding:50px;display:flex}a{color:#fff;-webkit-text-decoration:unset;text-decoration:unset;margin:20px 0;font-size:40px;display:block}a:hover{color:var(--link-hover)}