table.cursos {
  color: #ffffff;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 1px;
}
table.cursos th {
  color: #ffffff;
  background-color: #808080;
  font-size: 24;
  font-weight: normal;
  text-align: center;
}
table.cursos td {
  padding: 5px;
  background: #0000ff;
  text-align: left;
  vertical-align: top;
  border: 1px solid;
  border-color: #2020ff #0000df #0000df #2020ff;
}
td.cursos a {
  color: #ffff00;
  text-decoration: none;
}
td.cursos a:hover {
  color: #aaaa00;
}

div.container {
  text-align: center;
  display: grid;
  grid-template-columns: auto auto;
}

div.lang-container {
  width: 434px;
  margin: 8px;
  display: inline-block;
}
div.lang-title {
  color: #ffffff;
  background-color: #808080;
  font-size: 24;
  font-weight: normal;
  text-align: center;  
}
div.lang-code {
  padding: 5px;
  background: #0000ff;
  text-align: left;
  vertical-align: top;
  border: 1px solid;
  border-color: #2020ff #0000df #0000df #2020ff;
  margin-top: 2px;
  height: 270px;
}

img.icon:hover {
  opacity: 0.6;
}
a {
  color: #ffffff;
  text-decoration: none;
}
a:hover {
  color: #aaaaaa;
  text-decoration: none;
}
pre {
  font-family: Courier New;
  font-size: 16;
}
pre.dbase {
  background: rgba(0,0,0,0.7);
}
rev {
  color: #eeeeee;
  font-style: italic;
  font-size: 14;
}