body {
  background-color: black; color: white;
  font-family: sans-serif; font-size: 16px;
  line-height: 0.5em; margin: 20px;
  text-align: center;
}

:where(body, iframe, pre, img, svg, video, canvas, select) {
  max-width: 100%;
  overflow: auto;
  word-break: break-word;
}

a:link {  color: green; }
a:visited {  color: green; }
a:hover {  color: hotpink; }
a:active {  color: gray; }
img:hover { opacity: 0.9; }

hr { border-style: inset; border-width: 5px; width: 800px; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: large; font-weight: strong; line-height: 1em; }
.p1 { font-family: "Times New Roman", Times, serif; font-size: medium; }
.p2 { font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 1; }
.p3 { font-family: "Lucida Console", "Courier New", monospace; line-height: 2em; }
.p4 { font-family: "Lucida Console", "Courier New", monospace; line-height: 5em; }

div.bg { 
  background: url(pokaalitaustalla.png) no-repeat center center;
  border: 1px solid black;
  margin: auto;
  width: 800px;
  height: auto;
  padding: 0px;
}

div.fg { 
  margin: 0px; 
  background-color: black; 
  border: 20px solid black; 
  opacity: 0.9; 
  width: 800px;
  height: auto;
}

div.fg p { 
  margin: 0px; 
  font-size: 20px; 
  line-height: 2em; 
  font-weight: normal; 
  color: white; 
}