body,html{padding:0;margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.hello{display:flex;align-items:center;flex-direction:column;gap:10px;min-height:100vh}.hello.day{background:#eee;background:radial-gradient(ellipse at center,#eee 0,#ccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#cccccc",GradientType=1)}.hello.day .menu a{color:#000}.hello.night{background:#b5bdc8;background:radial-gradient(ellipse at center,#b5bdc8 0,#828c95 36%,#28343b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b5bdc8",endColorstr="#28343b",GradientType=1)}.hello.night .menu a{color:#fff;border-color:#fff}.hello div.three{width:100%;display:flex;align-items:center;justify-content:center}.hello div.three canvas{flex:1;max-width:600px;max-height:600px;display:block}.hello .menu{display:flex;gap:10px}.hello .menu a{color:#000;text-decoration:none;border:2px solid #000;font-family:Helvetica;padding:3px}