body {
  margin: 32px auto;
  background-color: #4847AA;
  background-image: url('../art/patterns/tlarcade.bmp');
  color: #FFFFFF;
  text-shadow:1px 1px black;
  font-family: /*Verdana, Tahoma, Times*/ chicagoflfregular;
  max-width: 860px;
}
.header {
  font-family: chicagoflfregular;
  font-style:italic;
  font-weight:normal;
  color: #D7B400;
  text-shadow: 0 0 16px #99ddee, 1px 1px black;
  background: linear-gradient(90deg, rgba(170,72,71,1) 0%, rgba(72,170,71,1) 75%, rgba(72,170,71,1) 100%);  padding-left: 8px;
}

.menu_bar {
  border: 3px solid #5F925F;
  background: linear-gradient(90deg, rgba(170,72,71,1) 0%, rgba(72,170,71,1) 100%);
}

.main {
  border: 3px solid #5F5F92;
  background-image: url('../art/patterns/blarcade.bmp');
  padding: 1em;
}

.youtube_examples {
  border: 3px solid #5F925F;
  background-image: url('../art/patterns/grarcade.bmp');
  padding: 12px;
  /*font-style:italic;*/
  font-weight:normal;
}

a:link {
  color: #D7B400;
  font-weight:normal;
  text-shadow: 0 0 16px #99ddee, 1px 1px black;
}

a:visited {
  color: #B4D700;
  text-shadow: 0 0 -16px #dd99ee, 1px 1px black;

}

@font-face {
    font-family: 'chicagoflfregular';
    src: url('../chicagoflf/chicagoflf-webfont.woff2') format('woff2'),
         url('../chicagoflf/chicagoflf-webfont.woff') format('woff');

}