span.cool:hover {
  text-shadow: -1px 1px #E40303,
               -2px 2px #FF8C00,
               -3px 3px #FFED00,
               -4px 4px #008026,
               -5px 5px #24408E,
               -6px 6px #732982
}

.info-box {
  display: none;
  padding-left: 5px;
}

.project-link:hover + .info-box {
  display: block;
}

body {
    max-width: 500px;
}