/* fonts */

div.jqcloud {
  font-size: 12px;
  line-height: normal;
}

@media(max-width:768px) {
  div.jqcloud {
    font-size: 9px;
  }
}

div.jqcloud a {
  font-size: inherit;
  text-decoration: none;
}

div.jqcloud span.w10 { font-size: 280%; }
div.jqcloud span.w9 { font-size: 260%; }
div.jqcloud span.w8 { font-size: 240%; }
div.jqcloud span.w7 { font-size: 220%; }
div.jqcloud span.w6 { font-size: 200%; }
div.jqcloud span.w5 { font-size: 180%; }
div.jqcloud span.w4 { font-size: 160%; }
div.jqcloud span.w3 { font-size: 140%; }
div.jqcloud span.w2 { font-size: 120%; }
div.jqcloud span.w1 { font-size: 100%; }


@media(max-width:768px) {
  div.jqcloud span.w10 { font-size: 200%; }
  div.jqcloud span.w9 { font-size: 180%; }
  div.jqcloud span.w8 { font-size: 170%; }
  div.jqcloud span.w7 { font-size: 160%; }
  div.jqcloud span.w6 { font-size: 150%; }
  div.jqcloud span.w5 { font-size: 140%; }
  div.jqcloud span.w4 { font-size: 130%; }
  div.jqcloud span.w3 { font-size: 120%; }
  div.jqcloud span.w2 { font-size: 110%; }
  div.jqcloud span.w1 { font-size: 100%; }
}

/* colors */

div.jqcloud { color: #09f; }
div.jqcloud a { color: inherit; }
div.jqcloud a:hover { color: #0df; }
div.jqcloud a:hover { color: #0cf; }

div.jqcloud span.w10 { color: rgb(51, 153, 255); }
div.jqcloud span.w9 { color: rgb(24, 109, 194); }
div.jqcloud span.w8 { color: rgb(64, 133, 202); }
div.jqcloud span.w7 { color: rgb(4, 62, 121); }
div.jqcloud span.w6 { color: rgb(27, 73, 119); }
div.jqcloud span.w5 { color: rgb(9, 110, 211); }
div.jqcloud span.w4 { color: rgb(85, 153, 221); }
div.jqcloud span.w3 { color: rgb(43, 149, 255); }
div.jqcloud span.w2 { color: rgb(0, 85, 170); }
div.jqcloud span.w1 { color: rgb(21, 118, 214); }

/* layout */

div.jqcloud {
  overflow: hidden;
  position: relative;
}

div.jqcloud span { padding: 5px; margin: 5px; }