body { background: #000; color: #09f; font-family: "Comic Sans MS", "Arial", sans-serif; margin: 0; }
h1 { text-align: center; margin: 1em 0 0.2em; font-weight: normal; font-size: 1.5em; opacity: 0.6; }
#cloud {
    position: relative;
    width: 100%;
    max-width: 1280px;
    height: 1024px;
    margin: 0 auto 2em;
    overflow: hidden;
}
.tag {
    position: absolute;
    white-space: nowrap;
    text-decoration: none;
    color: inherit;
    transform: translate(-50%, -50%);
    line-height: 1;
}
.tag:hover { color: #0df; text-decoration: underline; }

.w10 { font-size: 550%; color: #0cf; }
.w9  { font-size: 500%; color: #0cf; }
.w8  { font-size: 450%; color: #0cf; }
.w7  { font-size: 400%; color: #39d; }
.w6  { font-size: 350%; color: #90c5f0; }
.w5  { font-size: 300%; color: #90a0dd; }
.w4  { font-size: 250%; color: #90c5f0; }
.w3  { font-size: 200%; color: #a0ddff; }
.w2  { font-size: 150%; color: #99ccee; }
.w1  { font-size: 100%; color: #aab5f0; }