.text{font-family:Arial,Helvetica,sans-serif;text-align:justify;text-indent:30px;font-size:16px}


.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}


 a.info{position:relative;z-index:24;background-color:white;color:red;text-decoration:none}a.info:hover{z-index:25;background-color:white}a.info span{display:none}a.info:hover span{display:block;position:absolute;top:2em;left:-11em;width:20em;border:3px solid black;background-color:#000;color:#fff;text-align:justify;border-radius:15px}
a.ex1:visited {color: blue;}a.ex1:link {text-decoration: underline;}a.ex1:hover, a.ex1:active {color:red;text-decoration: none;}

.self {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}