p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}
/*colour is set to match logo */

h1 {color: RGB(96,114,200);}
h2 {color: RGB(96,114,200);}
h3 {color: RGB(96,114,200);}
h4 {text-align: center; background-color: RGB(96,114,200); color: white}

/* https://www.w3schools.com/css/default.asp for tutorial on css */
#custom {background-color: RGB(255,255,214);font-size: 14px;padding: 20px}

#vignette {background-color: RGB(240,240,240);font-size: 14px;padding: 35px}

#custom1 {background-color: RGB(255,255,214);font-size: 14px;padding: 20px}
/* for some reason custom doesn't work in ch 10! */