/* Custom container */

/* From https://meowni.ca/posts/monica-dot-css/ */
* {box-sizing: border-box}
[hidden] {display: none !important}
[disabled] {pointer-events:none; opacity: 0.3}
.horizontal {display: flex; flex-direction: row; justify-content: space-between}
.vertical {display: flex; flex-direction: column}
.center {justify-content: center; align-items: center}
.top {align-items: flex-start}
.flex {flex: 1}
html {
  --spacing-xs: 8px;
  --spacing: 24px;
  --spacing-s: 12px;
  --spacing-m: 36px;
}
/* end https://meowni.ca/posts/monica-dot-css/ */

body {
  background-color: #fefdfd;
  height: 100%;
}

.background-image {
  background-image: url("/assets/images/MountEvansAndMountBierstadtFromGuanellaPassNearDusk2560x1440.jpg");
  /*background-image: url("/assets/images/MountEvansAndMountBierstadtFromGuanellaPassNearDusk1200x842.jpg");*/
  background-repeat: no-repeat; /*repeat;*/
  background-size: cover; /*contain;*/
  background-attachment: fixed;
  height: 100vh;
}

.book-descriptions {
  vertical-align: top;
}

.book-page-table {
  vertical-align: top;
}

.prog-scala-cover-cell {
  /*background-image: url("/assets/images/prog_scala_3ed_comp-quarter_size.jpg");*/
  width:  262px;
  height: 344px;
}

.fd-arch-streaming-cover-cell {
  /*background-image: url("/assets/images/prog_scala_3ed_comp-quarter_size.jpg");*/
  width:  256px;
  height: 337px;
}

.what-is-ray-cell {
  /*background-image: url("/assets/images/what-is-ray.jpg");*/
  width:  250px;
  height: 375px;
}

.basic-table {
  width: 90%;
  border-style: solid;
  border-width: 1px;
  border-color: #dddddd;
}
.basic-table td {
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #dddddd;
}

.container {
  background-color: #f0f0f0;
}

.footnote {
/*  position:absolute;
  bottom:0;
*/  /*left:0;*/
}
.keyword {  /* used for highlighting terminology */
  color:#642;
  font-weight: bold;
  font-style: normal; }

.container-narrow {
  margin: 0 auto;
  max-width: 700px; }

.container-narrow > hr {
  margin: 30px 0; }

.navbar .nav {
  float: right;
}

.partially-transparent {
  opacity: 0.75;
  filter: alpha(opacity=75); /* For IE8 and earlier */
}

/* posts index */
.post > h3.title {
  position: relative;
  padding-top: 10px; }

.post > h3.title span.date {
  position: absolute;
  right: 0;
  font-size: 0.9em; }

.post > .more {
  margin: 10px 0;
  text-align: left; }

/* post-full*/
.post-full .date {
  margin-bottom: 20px;
  font-weight: bold; }

/* tag_box */
.tag_box {
  list-style: none;
  margin: 0;
  overflow: hidden; }

.tag_box li {
  line-height: 28px; }

.tag_box li i {
  opacity: 0.9; }

.tag_box.inline li {
  float: left; }

.tag_box a {
  padding: 3px 6px;
  margin: 2px;
  background: #eee;
  color: #555;
  border-radius: 3px;
  text-decoration: none;
  border: 1px dashed #cccccc; }

.tag_box a span {
  vertical-align: super;
  font-size: 0.8em; }

.tag_box a:hover {
  background-color: #e5e5e5; }

.tag_box a.active {
  background: #57A957;
  border: 1px solid #4c964d;
  color: #FFF; }