@media screen {
     .layout { display: none; }
        
     .banner {
        display: block;
        border: green solid thick;
        padding: 1em;
        font-family: sans-serif;
        font-weight: bold;
        margin-bottom: 2em;
      }
      
      a:link, a:visited { color: black; } 
      a:hover { background-color: yellow; }

      body { color: black; }

     pre.code {
        background-color: black;
        color: white;
        padding: 5px;
      }            
}

@media projection {     

body
{
    height: 100%; margin: 0px; padding: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: white;  
    opacity: .99; 
}    
 
.slide
{
  page-break-after: always;
  padding-left: 2em;
  padding-top: 2em;
}

.banner
{
  display: none;
}

.layout
{
  display: block;
}

div.background {
        position: fixed;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        z-index: -1;
 }

a:link, a:visited {
    color: white;
} 
a:hover { background-color: yellow; }

h1, h2 { font-size: 36pt;  }
h3 { font-size: 25pt;  }
p, li, td, th { font-size: 18pt; }

pre { font-size: 16pt;  }

pre.code { font-size: 16pt;
        background-color: black;
        color: white;
        padding: 5px;
         border: silver thick groove;
          -moz-border-radius: 11px;
      }
}