p {
    font-family: Courier;
    font-size: 12px;
  }
  
  h2 {
    font-family: Courier;
    font-weight: bold;
  }
  figcaption {
    
    font-family: Courier;
    font-size: 12px;
  
  }
  .a4section {
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0.3in;
    width: 42%;
    height: 11.5in;
    background-color: white;
    outline: 1px solid black;
    box-shadow: 0 3px 8px -3px rgba(0, 0, 0, 0.7);
    background-image: url('paperviv.jpg');
  
  }
  
  .a5section {
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0.3in;
    width: 42%;
    height: 5.5in;
    background-color: white;
    outline: 1px solid black;
    box-shadow: 0 3px 8px -3px rgba(0, 0, 0, 0.7);
    background-image: url('paperviv.jpg');
  
  }
  
    .autosection {
      margin: 0 auto;
      box-sizing: border-box;
      padding: 0.3in;
      width: 42%;
      background-color: white;
      outline: 1px solid black;
      box-shadow: 0 3px 8px -3px rgba(0, 0, 0, 0.7);
      background-image: url('paperviv.jpg');
      font-family: Courier;
    font-size: 12px;
  
  }
  
  textarea {
    position: fixed; 
   bottom: 20px; 
   right: 5px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0.3in;
    width: 23%;
    height: 25%;
    background-color: white;
    outline: 1px solid black;
    box-shadow: 0 3px 8px -3px rgba(0, 0, 0, 0.7);
    background-image: url('paperviv.jpg');
  
  }
  
  svg.typewriter{
  
    width:53%;
    text-align:center;
    z-index: 99;
  }
  
  object.typewriter{
  
    width:52%;
    text-align:center;
  }
  
  .mediaform {
    font-family: Courier;
    font-size: 12px;
    
  
  }
  a{
    cursor: url("buttonmonkey1.png")  20 15, pointer;
  }
  body {
  
    background-image: url('desk.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  
  
  }

  pre {
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */

  }
  
  div{
    
    text-align:center;
  
  }
  
  svg.nav {
   position: fixed; 
   top: 20px; 
   left: 0px; 
   z-index: 8;
   width:20%;
  }
  
  #mydiv {
   
    z-index: 9;
    text-align: center;
    position: fixed; 
    bottom: 20px; 
    left: 30px;
  }
  
  #mydivheader {
    padding: 10px;
    cursor: move;
    z-index: 10;
    
  }
  
  .bio {
    position: fixed; 
    top: 20px; 
    right: 5px;
     margin: 0 auto;
     box-sizing: border-box;
     padding: 0.3in;
     width: 20%;
     background-image: url('paperviv.jpg');
  
     background-color: white;
     outline: 1px solid black;
     box-shadow: 0 3px 8px -3px rgba(0, 0, 0, 0.7);
     z-index: 10;
  }

  iframe {
    width : 100%;
  
  }