/* fonts */
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);

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

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

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

div.jqcloud span.w10 { font-size: 550%; }
div.jqcloud span.w9 { font-size: 500%; }
div.jqcloud span.w8 { font-size: 450%; }
div.jqcloud span.w7 { font-size: 400%; }
div.jqcloud span.w6 { font-size: 350%; }
div.jqcloud span.w5 { font-size: 300%; }
div.jqcloud span.w4 { font-size: 250%; }
div.jqcloud span.w3 { font-size: 200%; }
div.jqcloud span.w2 { font-size: 150%; }
div.jqcloud span.w1 { font-size: 100%; }


/* colors */

div.jqcloud { color: #2BA0FD; }
div.jqcloud span.w10 { color: #4BC9DA; }
div.jqcloud span.w9 { color: #FFC80A; }
div.jqcloud span.w8 { color: #FF3363; }
div.jqcloud span.w7 { color: #6C3382; }
div.jqcloud span.w6 { color:  #0073D0; }
div.jqcloud span.w5 { color:  #1C2E92; }
div.jqcloud span.w4 { color: #FFC80A; }
div.jqcloud span.w3 { color: #79048D; }
div.jqcloud span.w2 { color: #C60040; }
div.jqcloud span.w1 { color: #D12013; }
div.jqcloud span:hover { color: #0099B2; }


/* layout */

div.jqcloud {
    overflow: hidden;
    position: relative;
    margin: 1px;
  
}

div.jqcloud span {
    padding: 0;
}