
body.titles {
  background: #808080;
  overflow-x: scroll;
  overflow-y: scroll;
  padding: 40px;
  color: white;
}

body.titles div.topwrap {
  display: flex;
  justify-content: center;
  width: 100%;
}

body.titles div.topwrap > a {
  width: 50%;
}

body.titles img.top {
  width: 100%;
}

body.titles a {
  color: white;
  text-decoration: none;
}

body.titles table {
  border-collapse: collapse;
  width: 100%;
  max-width: 1000px;
}

body.titles table td {
  border-top: 1px solid black;
  padding: 0px;
}

body.titles table tr {
  padding: 0px;
}

body.titles table th, td {
  text-align: left;
  height: 50px;
}

body.titles table td:nth-child(3), td:nth-child(3){
  text-align: right;
  white-space: nowrap;
}

body.titles table td:nth-child(2), td:nth-child(2){
  width: 100%;
}

body.titles div.type {
  width: 100px;
  padding: 10px;
  display: inline-block;
}

body.titles div#MAG {
  background-color: #008000;
}

body.titles div#FAN {
  background-color: #800000;
}

body.titles div#IND {
  background-color: #008080;
}

body.titles div#PRO {
  background-color: #e06000;
}

body.titles div#issues {
  columns: 2;
}

body.titles div.issues {
  border: 1px solid black;
  padding: 10px;
  margin: 5px;
  break-inside: avoid-column;
}

body.titles div.issues span.name {
  font-size: 30px;
  text-decoration: bold;
  display: block;
}

body.titles table img {
  height: 50px;
  display: block;
}

@media only screen and (max-width: 760px) {
  body.titles div#issues {
    columns: 1;
  }
}


body.titles a.mailto {
  text-decoration: underline;
}

div.more-data {
  float: right;
  text-wrap: nowrap !important;
  white-space: nowrap !important;
  text-align: right;
}

span.lang {
  font-size: 12pt !important;
  padding: 3px;
  margin-right: 5px;
}

span.category {
  font-size: 12pt !important;
  padding: 3px;
}

span.years {
  display: block;
}

span.cat-MAG {
  background-color: #008000;
}

span.cat-FAN {
  background-color: #800000;
}

span.cat-IND {
  background-color: #008080;
}

span.cat-PRO {
  background-color: #e06000;
}

