body { 
 font-family: sans-serif;
 padding:1%;
}

main {
    max-width:40em;
    margin:auto;
}

a {
    text-decoration: none;
}

a:hover { 
 background-color: #DDF; 
}

h1 { 
 margin: .5ex;
}

h1 {
    text-align:center;
}

#ulsDIV {
    margin:1em auto;
    padding-left:1em;
}

#ulsDIV li {
    margin: 1ex 0;
    padding:0;
}

ul {
    padding-inline-start: 3ex;
    margin:0;
    margin-right:1em;
}

 li {
    padding:1ex 0;
}

 

dl {
    margin:1em 0;
}

dt {
    font-weight:bold;
}

dd {
    margin-top: 1ex;
    margin-bottom: 1em;
}


tbody tr:nth-child(odd) {
    background-color: #eff;
  }
tbody tr:nth-child(even) {
    background-color: #eef;
  }


footer {
    text-align:center;
}


@media (prefers-color-scheme: dark) {
  body {
      background-color:#888; 
      background-image:none;
  }
}


@media (orientation: landscape) {
    #ulsDIV {
	display:flex;
	flex-wrap:wrap;
    }
    .wrap {
	columns:2;
	column-gap: 2em;
    }
    .wrap3 {
	columns:3;
	column-gap: 2em;
    }
}