/* https://swyx.io/css-100-bytes */
/* ------------------------------------------------------------------------- */


html {
  max-width: 70ch;
  padding: 1em 1em;
  margin: auto;
  line-height: 1.5;
  font-size: 1.25em;
  font-family: "Segoe UI", Roboto, Ubuntu;
}


h1,h2,h3,h4,h5,h6 {
  margin: 0.75em 0 0.75em;
  color: #262626;
}

p,ul,ol {
  margin-bottom: 1em;
  color: #1d1d1d;
  font-family: "Segoe UI", Roboto, Ubuntu;
}


/* Horizontal Line Styling */





/* Page background color
body {
  background-color: #F2F8FF;
}  */
/* Page background image */ 
body {
 background-image: url("./site-images/grey-cloth.png");



/* Center images */
img {
  display: block;
  margin: auto;
  width: 50%;
}

/* FIGURES */
/* https://www.w3schools.com/css/css3_borders.asp */
img {
  border-radius: 1%;
}

.centerfig {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/*
figure {
  border: 1px #cccccc solid;
  padding: 4px;
  margin: auto;
}
*/


/* FIGURE CAPTIONS */
figcaption {
  text-align:left;
  font-size:0.85em;
}