html,body {font-family: Consolas, Menlo, Monaco, Courier, monospace;padding: 0;margin: 0;}.main {width: 100%;position: absolute;top: 50%;margin-top: -150px;color: #fff;padding: 50px 0;-webkit-user-select: none;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}.main h1 {display: block;text-align: center;font-size: 32px;font-weight: 600;letter-spacing: 11px;padding: 0;margin: 0;}.main h2 {color: #fff;font-weight: normal;font-size: 24px;letter-spacing: 5px;text-align: center;margin-bottom: 20px;font-weight: 500;}.main p {display: block;text-align: center;font-size: 16px;line-height: 32px;padding: 0;margin: 0;font-weight: 400;}.main p a {text-decoration: none;color: #fff;transition: all ease 0.2s;}.main p a:hover {margin-left: 8px;}@media screen and (max-width: 768px) {.main h1 {font-size: 24px;}.main h2 {font-size: 18px;letter-spacing: 2px;}.main p {font-size: 14px;}}#canvas {position: fixed;width: 100%;height: 100%;z-index: -1;top: 0;left: 0;}.suggest {position: fixed;top: 0;left: 0;display: block;width: 100%;background-color: rgba(255, 255, 255, 0.5);color: #ff5151;margin: 0;padding: 0;line-height: 28px;text-align: center;font-size: 14px;}