h1, h2 {
  background-color: #565656;
  color: transparent;
  text-shadow: 0px 2px 3px rgba(255, 255, 255, 0.5);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
}
con {
  text-decoration-color: white;
}
li {
  list-style-position: outside;
  list-style-type:decimal;
  font-family: inherit;
  font-size: large;
}
body {
  background-image: url(../coins/img/mhn.gif);
}
a {
  text-decoration: none;
}
.x1789 {
  background-color: #FFFFCC;
}
.x1790 {
  background-color: #FFFF99;
}
.x1791 {
  background-color: #FFFF66;
}
.x1792 {
  background-color: #FFFF33;
}
.x1793 {
  background-color: #FFFF00;
}
.x1794 {
  background-color: #CCFFFF;
}
.x1795 {
  background-color: #CCFF99;
}
.x1796 {
  background-color: #CCFF66;
}
.x1797 {
  background-color: #CCFF33;
}
.x1798 {
  background-color: #CCFF00;
}
.x1799 {
  background-color: #99FFFF;
}
.x1800 {
  background-color: #99FF99;
}
.x1801 {
  background-color: #99FF66;
}
.x1802 {
  background-color: #99FF33;
}
.x1803 {
  background-color: #99FF00;
}
.x1804 {
  background-color: #00FFFF;
}
.x1805 {
  background-color: #00FF99;
}
.x1806 {
  background-color: #00FF66;
}
.x1807 {
  background-color: #00FF33;
}
.x1808 {
  background-color: #00FF00;
}
.x1809 {
  background-color: #66FFFF;
}
.x1810 {
  background-color: #66FFCC;
}
.x1811 {
  background-color: #66FF99;
}
.x1812 {
  background-color: #66FF66;
}
.x1813 {
  background-color: #66FF33;
}
.x1814 {
  background-color: #66FF00;
}
.x1815 {
  background-color: #66CCFF;
}
.xOtherYears {
  background-color: #CCCCCC;
}
.aCountry {
  width: 80%;
  display: none;
  position: relative;
  left: 0px;
  top: -30px;
  padding-top: 0px;
  z-index: 5;
}
.aCountry th {
  background-color: #66CC99;
  font-size: large;
  color: #000000;
  text-align: center;
}
.aCountry table {
  width: 100%;
  font-size: medium;
  vertical-align: top;
}
.smText {
  font-size: smaller
}
.smTextItalic {
  font-size: smaller;
  font-style: italic;
}
.style1 {
  font-size: x-small;
  font-style: italic;
}
.style2 {
  font-size: x-small;
}
nav li {
  font-family: inherit;
  font-size: small;
  font-weight: bold;
  color: #003366;
  list-style-type: none;
}
#DoDa {
  font-family: inherit;
  display: block;
  width: 125px;
  height: 25px;
  border-radius: 7px;
  line-height: 25px;
  background-color: linen;
  text-align: center;
  margin-right: -15px;
}
.divTable {
  display: table;
  width: 100%;
}
.divTableRow {
  display: table-row;
}
.divTableHeading {
  background-color: #EEE;
  display: table-header-group;
}
.divTableCell, .divTableHead {
  /*	border: 1px solid #999999; */
  border-bottom: 1px solid #999;
  display: table-cell;
  padding: 3px 10px;
}
.divTableHeading {
  background-color: #EEE;
  display: table-header-group;
  font-weight: bold;
}
.divTableFoot {
  background-color: #EEE;
  display: table-footer-group;
  font-weight: bold;
}
.divTableBody {
  display: table-row-group;
}
.container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}
.container > div {
  padding: 2px;
  text-align: left;
  font-weight: bold;
  font-size: medium;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: dimgray;
  cursor: pointer;
}
.twoPack {
  grid-column: span 2;
  text-align: center;
}
.threePack {
  grid-column: span 3;
  text-align: center;
}
.fourPack {
  grid-column: span 4;
  text-align: center;
}
.fivePack {
  grid-column: span 5;
}
.medals {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: thin solid dimgray;
}
.coins {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: thin solid dimgray;
}
.coins > div, .coinsYr > div, .coinsYr3 > div {
  padding: 3px;
  text-align: left;
  font-weight: bold;
  font-size: medium;
  border: thin solid dimgray;
}
.coinsYr {
  display: grid;
  grid-template-columns: 65px 1fr;
}
.coinsYr3 {
  display: grid;
  grid-template-columns: 65px 1fr 1fr;
}
.medals > div {
  padding: 3px;
  text-align: left;
  font-weight: bold;
  font-size: medium;
  border: thin solid #844748;
}
.leHead {
  top: 0px;
  position: sticky;
  padding-left: 3px;
  background-color: aliceblue;
  border: thick outset gray;
  text-align: center;    
}
.z2 {
  grid-row: span 2;
}
.z3 {
  grid-row: span 3;
}
.z4 {
  grid-row: span 4;
}
.z5 {
  grid-row: span 5;
}
.z6 {
  grid-row: span 6;
}
.z7 {
  grid-row: span 7;
}
.z8 {
  grid-row: span 8;
}
.z9 {
  grid-row: span 9;
}
.z10 {
  grid-row: span 10;
}
.z11 {
  grid-row: span 11;
}
.z12 {
  grid-row: span 12;
}
.z13 {
  grid-row: span 13;
}
.z14 {
  grid-row: span 14;
}
.z15 {
  grid-row: span 15;
}
.z16 {
  grid-row: span 16;
}
.z17 {
  grid-row: span 17;
}
.z18 {
  grid-row: span 18;
}
.z49 {
  grid-row: span 49;
}
.z53 {
  grid-row: span 53;
}
@media only screen and (orientation:portrait) {
  body {
    .oWarning {
      display: block;
      text-align: left;
      padding-left: .35rem;
    }
  }
}
.oWarning {
  position: fixed;
  width: 350px;
  display: none;
  top: 150px;
  left: 250px;
  background-color: yellow;
  color: red;
  font-size: 1.2rem;
  border: 10px outset orange;
  z-index: 999;
}
a {
  color: blue;
  font-weight: bold;
  font-size: 20px;
}