html,body { 
    height:100%; 
    padding: 0;
    margin: 0;

    font-family: "Lucida Console", Monaco, monospace;
    font-size: 14px;
    background-color: #fcb8f4; 
    line-height: 20px;

    text-align: center;
}

html{
   overflow-y: scroll;
}

.links {
  display:  inline-block;
}

.links a:link{
  color: black;
  text-decoration: none; /* no underline */
}
.links a:hover{
  color: #e755d6;
  text-decoration: none; /* no underline */
}

#CONTENT {
  height:auto;
  margin:0px auto;
  width: 1200px;
  position: relative;
}

#BLOG_ENTRY {
  text-align: left;
  display: block;
}

#HOME_IMAGE {
  height: auto;
  text-align: center;
  padding: 12px;
}

#BLOG_ENTRY h1 {
  text-align: left;
  margin-top: 30px;
  line-height: 34px;
  font-size: 30px;
}

#BIO h2 {
  text-align: left;
  margin-top: 0px;
  line-height: 34px;
  font-size: 30px;
}

#BLOG_ENTRY {
  margin-bottom: 45px;
  margin-left: 20px;
  margin-right: 20px;
}

#BIO_TEXT {
  text-align: justify;
  text-justify: inter-word;

}


#BIO {
  text-align: left;
}


#BLOG_ENTRY img {
  width: 500px;
  height: auto;
  display: block;
  padding-bottom: 16px;
}

#BLOG_ENTRY iframe {
  width: 500px;
  height: 300px;
  display: block;
  padding-bottom: 16px;
  border: 0px;
}

#num {
  min-width: 35px;
  display: inline-block;
  text-align: right;
  margin-right: 15px;
}

#images {
  height:auto;
  margin:0px auto;
  min-width: 900px;
  display: block;
}



/* bio */

.bio-grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  width: 1220px;
  margin-left: -10px;

  padding-bottom: 5px;
}
.grid-item {
  padding: 10px;
  text-align: center;
}