[tip] .tooltip {
  position: fixed;
  font-size: 12px;
  line-height: 20px;
  padding: 5px;
  background: #FFFFE1;
  border: 1px solid #222;
  visibility: hidden;
  opacity: 0;
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s, visibility 0s;
  color: black;
  min-width: 120px;
  max-width: 420px;
  font-weight:normal;
  z-index: 1000;
  text-align:left;
}

[tip]:hover .tooltip {
  visibility: visible;
  opacity: 1;
}