/* Margins all around the text*/
body {
  margin-top: 30px;
  margin-bottom: 80px;
  margin-right: 80px;
  margin-left: 80px;
} 


/* Big Font to make all the text easily read in paragraphes and both type of Lists */
p, ol, ul {
  font-size: 18px;
}


/* Define Arial as the default font for headers, ordered lists and paragraphs for all the web pages*/
p, h1, h2, h3, ol, ul {
   font-family: Arial;
}

/* Define font size for <pre> statements */
.myFontDiv {
  font-size: 18px;
}

/* Define the naviagtion buttons = Prev, Home, Next
   So we csn mouse-over the buttons */
.button {
  background-color: firebrick;
  border: none;
  border-radius: 10px;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: Arial;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  font: bold 15pt Arial, Helvetica, sans-serif;
}


.button:hover {
  background: white;
  color: firebrick;
}


/* Centers table, so that navigation buttons are in the bottom center of the screen*/
.center {
  margin-left: auto;
  margin-right: auto;
}


/* Background image for all the web pages*/
body {
/*  background-image: url("file:///C:/Users/Phil/Desktop/Duel2 Website/Images/background pattern.webp");  */
/* Use the background-image bellow for relative reference to the Background File on the FTP site*/
    background-image: url("Images/Background_Pattern.webp");
}


/* Sets a footer to contain buttons at bottom of screen*/
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background: Black;
   text-align: center; 
}