html {

  /*background-image: url("images/jn2backgroundimage2.jpg");
  height: 100vh;
  */
  /*
  background-repeat: no-repeat;  
  background-position: 0% 0%;
  background-size: 100% 100%;
  */


  /*background: url(images/jn2backgroundimage2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  */

}


/* 
References:
https://stackoverflow.com/questions/1575141/how-to-make-a-div-100-height-of-the-browser-window?rq=1
https://stackoverflow.com/questions/9262861/css-background-image-to-fit-width-height-should-auto-scale-in-proportion
https://css-tricks.com/perfect-full-page-background-image/
https://css-tricks.com/how-to-resizeable-background-image/
https://www.w3schools.com/cssref/pr_background-image.php
https://www.w3schools.com/cssref/css3_pr_background-size.php



Found the working below from the page source from here:
http://www.cssplay.co.uk/layouts/background2.html
*/

body {
  /*background-image: url("images/jn2backgroundimage2.jpg");*/
  
  /*height: 100%;*/
  /*background-color: #000000;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;*/
  /*resize: both;*/

  background-image: url("images/jn2backgroundimage2.jpg");
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  background-size: contain;
  background-color: #000000;
}




@font-face {
    font-family: 'Syncopate';
    src: url('assets/Syncopate-Regular.woff2') format('woff2'),
        url('assets/Syncopate-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Source Sans Pro';
    src: url('assets/SourceSansPro-Regular.woff2') format('woff2'),
        url('assets/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Source Sans Pro';
    src: url('assets/SourceSansPro-Light.woff2') format('woff2'),
        url('assets/SourceSansPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



.maintable {
  position: relative;
  top: 40%;
  transform: translateY(25%);
}


h1 {
  font-family: 'Syncopate', sans-serif;
  color:white;
  font-weight:normal;
  font-style:normal;
  font-size: 400%;
}


h2 {
  font-family: 'Source Sans Pro', sans-serif;
  color:white;
  font-weight:300;
  font-style:normal;
}