body { 
    font-family: 'Comic Sans'; 
    font-size:1.2em; padding:20px; 
    text-shadow: 0 2px 0 rgba(255, 255, 255, 0.35); 
    background-image: url('/img/mountainous.jpg');
    color:#000;}

  h1, h2, h3 { 
    margin-bottom: 1.3em; 
    color:#000; 
    text-shadow: 0 2px 0 rgba(255, 255, 255, 0.35); 
    font-weight:bold; }
  h1 { 
    font-size:2.5em; }
  h2 { 
    font-size:1.7em; }
  h3 { 
    font-size:1.4em; margin-top:0; }
  /*ul { 
    background: rgba(169, 185, 169, 0.5);
  }*/
  #ul { 
    background: rgba(169, 185, 169, 0.5);
  }
    ul li { 
    margin-bottom: 0.5em; 
    line-height:1.5em; 
    list-style-type: disc;}
  img { 
    height:70vh;
    width:80vw;
    max-width:720px;
    max-height:640px;
  }
  .imagecontainer{
    display:flex;
    justify-content:center;
    align-items:center;
  }
  .slide { 
    margin:0 auto; position:relative;}
  .slide a { 
    color:#66a;}
  .code { 
    font-family: 'Lucida Console'; color:#3b3; }
  ul li.cont { 
    list-style:none; 
    color:#444;}
  ul li.intro { 
    list-style:none; 
    color:#000; 
    margin-left:-2em;}
  button.prev { 
    position:absolute; 
    bottom:100px; 
    left:-30px; 
    border:2px solid #444; 
    border-left:0; 
    background:#999; 
    cursor:pointer; }