h1,h2,p {
  text-shadow: 4px 4px 5px lightyellow;
}
ul {
  background-color:#551122;
  color:white;
  border-radius:2em;
  padding:2em;
  margin:0em 4em 4em 4em;
  font-size:1.1em;
  columns: 2;
}
table {
  background-color:#551122;
  color:white;
  border-radius:1.2em;
  margin:0em auto 4em auto;
  width:80%;
  font-size:1.1em;  
}
td,th {
  border-color:#662233;
  border-style:double;
  border-radius:2em;
  padding:3px;
}
a {
  color:lightgrey;
  text-shadow: 1px 1px 2px black;
}
a:hover {
  color:white;
  border-style:solid;
  border-color:white;
  border-width:1px;
  border-radius:3px;
}
body {
  background:linear-gradient(lightgrey,#884466,lightgrey);
  font-family: Arial, Helvetica, sans-serif;
}

svg {
  height: 150px; /* the contents will scale to fit because of viewBox */
}

.winner {
  color: yellow;
  font-style: italic;  
  font-size: 0.8em;
}

 /* Style the button that is used to open and close the collapsible content */
.collapsible {
  cursor: pointer;
}

.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default as "display" below is set */
.collapsethis {
  display: none;
  overflow: hidden;
/* ANIMATION ....someday
  overflow: hidden;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
*/
} 
iframe {
    margin:auto;
}