/* Features (background, text colour, font, text alignment) for whole index page */
html {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
}

/* Background image design */
body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  position: relative;
  background-image: url("bi.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: floralwhite;
  font-family: cursive;
  text-align: center;
}

/* Link colours */
a:link {
  color: floralwhite;
}

a:visited {
  color: #309700;
}

a:hover {
  color: #f90d7c;
}

a:active {
  color: #14a25f;
}

/* Span "Title" features */
#Title {
  font-family: "Lucida Handwriting", cursive;
  text-decoration-line: underline;
  font-size: 20px;
}

/* Span "fancy" features */
#fancy {
  font-family: "Brush Script MT", cursive;
  font-size: 30px;
}

/* Snoopy positioning */
#Snoopy {
  position: absolute;
  top: 120px;
  left: 600px;
  width: 120px;
  height: auto;
}
/* Boarder round page itoms */
#List-of-page-items {
 border-width: 5px;
 border-style: dashed;
 border-color: white;
 padding: 5px 30px 5px 10px;
  display: inline-block;   /* <-- key fix */
  margin: 0 auto;           /* center horizontally */
  text-align: left;         /* keep list items aligned left */
}