/*
 * started : 21-OCT-2018
 * updated : 11-NOV-2018
 */

/*
 * This CSS file is intended to contain all the CSS rules that will apply globally across all webpages.
 * Intention then it is to apply individual styles for the various parts, such as cookery, Linux and so on.
 */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body
{
   background-color: white;
   color: black;
	/* font-family: "Liberation Serif", "Nimbus Roman No 9 L", "Nimbus Roman", "FreeSerif", "Hoefler Text", Times, "Times New Roman", serif; */

	font-family: -apple-system, BlinkMacSystemFont,
    “Segoe UI”, “Roboto”, “Oxygen”, “Ubuntu”, “Cantarell”,
    “Fira Sans”, “Droid Sans”, “Helvetica Neue”,
    sans-serif;

   font-size: 100%;
}

/* don't underline links */
A:link { text-decoration: none; }

h1, h2, h3, h4, h5, h6
{
	font-family: "DejaVu Sans", "Bitstream Vera Sans", FreeSans, Geneva, Verdana, sans-serif;
}

H1.main_title { color: blue; }

H4 { font-style: italic; }

/* The following definitions for headers are set partly to get round what seems to be a currently odd situation. When you use semantic HTML, it appears to alter the size of headings, for a reason I do not understand. Therefore, I set the specific size for headings to counteract that. */
h1 { font-size: 2rem; }

h2 { font-size: 1.8rem; }

h3 { font-size: 1.6rem; }