html {background-color:#3d3b3c; font-family: Karla, sans-serif; font-size: 16px;
  width: 100%; display: flex; flex-direction: row; justify-content: center; overflow-y: scroll;}
h3, h2, h1 {color:#ffffff; margin-bottom: 16px; text-align: center;}
div.version {color:gray; text-align: center; font-size: 10px;}
@media (orientation: landscape) {
  p {background-color:#ffffff; color:#3d3b3c; font-weight: 550; line-height: 24px; width: 544px; 
     padding:16px 66px; border: 2px solid rgb(255, 255, 255); text-align: center; }
  a {text-decoration: none!important;}
}
  
@media (orientation: portrait) {
  p {background-color:#ffffff; color:#3d3b3c; font-weight: 550; line-height: 24px; height: 40px;
     padding:40px 66px; border: 2px solid rgb(255, 255, 255);  text-align: center; margin-top: 0px;}
  a {text-decoration: none!important; font-size: 1.0em; text-align: center;}
  h1 {font-size: 3.0em;}
  h2 {font-size: 2.5em;}
  h3 {font-size: 2.0em;}
}
p:hover {background-color:#3d3b3c; color:rgb(255, 255, 255);}