.artabstract {
  display: inline-block;
  text-indent: 0em;
  border: 2px groove rgba(0, 0, 122, 0.3);
  border-radius: 3px;
  color: rgba(0, 0, 122, 0.5);
}

.artabstract .artabstracttext {
  display: none;
  width: 70vw;
  left: 15vw;
  line-height: normal;
  text-decoration: none;
  position: absolute;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.9);
  color: black;
  text-align: justify;
  border: 2px solid grey;
  border-radius: 6px;
  padding: 5px 0px;
}

.artabstract:hover .artabstracttext {
  display: block;
}

samp {
  font-family: "Open Sans", verdana, "trebuchet ms", "geneva", "sans serif";
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: gray;
  font-size: 90%;
}

samp a:link {
  color: rgb(108, 108, 188);
}

samp a:visited {
  color: rgb(108, 108, 188);
}

code {
  font-family: "Open Sans", verdana, "trebuchet ms", "geneva", "sans serif";
  font-weight: normal;
  text-decoration: none;
  background-color: rgba(204, 255, 255, 0.25);
  font-size: 90%;
  border-radius: 0px;
  border-top: 1px outset rgba(204, 0, 0, 0.5);
  border-bottom: 1px solid rgba(204, 0, 0, 0.35);
}

code:hover {
  border-top: 1px solid rgb(204, 0, 0);
  border-bottom: 1px solid rgb(204, 0, 0);
}