body, html {
  height: 100%;
  margin: 0;
  background-color: #D6D5CB;
/*  background-image: url("galleries/dslr-all/I_020336_02.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;*/
}

#sitetitle {
  text-align: center;
  font-family: 'Amatic SC', serif;
}
#sitesubtitle {
  text-align: center;
  font-family: 'Amatic SC', serif;
}


.fullscreen {
  display: flex;
  flex-flow: column;
  position: fixed;
  width:100%;
  height:100%;
}

.bg {
  background-image: url("img_girl.jpg");

  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  width:100%;
  height:100%; 

  padding: 2%;

  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("galleries/dslr-all/I_020336_02.jpg");
  background-origin: content-box;
}

.navbar {
  flex: 0 1 auto;
}


nav ul {
    list-style-type: none;
    mix-blend-mode: luminosity;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #817e65;
}

nav li {
    float: left;
}

nav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

nav li a:hover:not(.active) {
    background-color: #33cc33;
}

.post_container__link {
  color: black;
  text-decoration: none;
}

.post_container {
  color: black;
  text-decoration: none;
  border: 3px solid black;
  padding: 5px 5px 5px;
  margin: 10px 10px 10px;
  /*max-width: 90%;*/
  overflow: hidden;
}


.post_container__thumb {
  max-width: 250px;
  object-fit: contain;
  margin: 10px 10px 10px 10px;
  float: left;
}
.post_container__text {
  display: inline;
}
.post_container__datetime {
  float: right;
}

#blog_title {
  text-align: center;
}

#blog_date {
  text-align: center;
}

.codeblock {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}