html {
    font-family: arial, sans-serif;
    background-color: white;
    text-align: left;
    width: 95%;
    padding: 2px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 50px;
}
section {
    width: auto;
    padding: auto;
    margin: auto;
    overflow: auto; /* gets rid of unrelated text sticking to image */
}
h1, h2, h3, h4 {
    color: #ff61ad;
  	margin-top: 5px;
    margin-bottom: 5px;
}
p {
    margin-top: 0;
  	font-size: 14px;
    padding: 2px;
    color: black;
}
/* move bullet points to line up with the body text */
ul {
  padding-left: 20px;
}
/* adding an image as replacement of bullet point list */
li {
    list-style-image: url("https://codecraftworks.dev/web/fqNuX4VBH5LxqYmUTVfr/assets/black.png");
  font-size: 14px;
}
/* set figure photo to have border and color description to gray */
figure {
    text-align: center;
    width: auto;
    display: inline-block;
    border: 0.5px solid gray;
    padding: 5px;
  	margin: 5px;
}
figcaption {
    color: #ff61ad;
    font-size: 14px;
}
img {
    width: 200px;
    height: auto;
}
/* setting thumbnail image to a very small proportion
while maintaining the actual size */
.thumbnail {
  width: 50px;
  height: auto;
}
/* wrap text around image
adjust padding for text placement */
.side-image {
    float: left;
    margin-right: 15px;;
}