html {
  min-height: 100% !important;
}
body {
  background: rgb(199,248,61);
  background: linear-gradient(140deg, rgba(199,248,61,1) 9%, rgba(242,126,126,1) 83%);
  font-family: "Liberation Sans Narrow", sans-serif;
  font-weight: lighter;
  color: #000;;
  font-size: 1.23em; 
  /* letter-spacing:0.05em; */
  padding: 0 0.4em;
  /* fix resize on content change */
  overflow-y: scroll;
  /* fix ff gradient bg cut issue */
  /* impressively ff min-height fails*/
  /* margin: 0;
     padding: 0 15.8 0 15.8;
     min-height: 100%; */ 
}
a, em { 
  color: #f36969;
  /* color: #d14444; */
  background-color:rgba(198, 248, 61, 0.466);
  padding: 0 0.1em;
  white-space: nowrap;
  font-style:normal;
  /* text-decoration: underline; */
}
#footer { font-size:0.8em; } 
#footer img { 
  opacity: 0.8;
  height:1em;
  vertical-align: bottom; }
#footer a {
  color:#000; 
  background-color: transparent;
}
h1 { 
  font-size:1em;
  letter-spacing: 0.06em;
}

@media (orientation: landscape) { 
  img{height:8vw;max-height:82px;} 
  p { width: 70% } 
}
@media (orientation: portrait)  { 
  img{height:8vh;} 
}