@font-face {
    font-family: "linux-libertine";
    src: url("/fonts/LinLibertine_R.woff") format('woff');
}
:root {
  --primary-color: #FFF2E6;
  --secondary-color: #691300;
  --primary-off-color: #fff8f2;
}
body {
  margin: 0;
  font-family: linux-libertine;
  background-color: var(--primary-color)
}

/* nav */
.nav {
  background-color: black;
  color: white;
  margin: 0;
  top: 0px;
  left: 0px;
  color: var(--primary-color);
  background-color: var(--secondary-color);
  margin-bottom: 2vh;
  padding: 0.5vh 0vh 0.5vh 0vh;
}
#nav-header, #nav-header:visited {
  margin: 0;
  margin-left: 19vw;
  display: inline-block;
  text-decoration: none;
  color: white;
  font-size: 4vh;
  overflow: auto;
}
#nav-header-long {
  position: absolute;
}
.nav-pills {
  height: 100%;
  display: inline-block;
  float: right;
  margin-right: 19vw;
  font-size: 3vh;
  padding-top: 1vh;
  background-color: var(--secondary-color);
}
.nav-pill {
  display: inline;
  float: left;
  margin-right: 1vw;
}
.nav-link {
  text-decoration: none;
  color: var(--primary-color);
}
.nav-link:hover {
  text-decoration: underline;
}
.nav-icon {
  margin-top: 0.5vh;
  height: 2.5vh;
}
.profile-picture {
  display: inline;
  float: right;
  width: 25%;
  margin: 0vw 3vw 0vw 2vw;
}

.profile-picture figure {
  display: table-cell;
}

.profile-picture img {
  width: 100%;
}

/* content */
.content {
  /*font-size: 2.75vh;*/
  font-size: 26px;
  margin: 1vh auto 0px auto;
  width: 60vw;
  color: var(--secondary-color);
}
.content p, .content h1 {
  margin: 0;
  padding: 0;
}
.content h1 {
  /*font-size: 5vh;*/
  font-size: 47px;
  margin-bottom: 0vh;
}
.content h2 {
  /*font-size: 5vh;*/
  font-size: 35px;
  font-style: italic;
  margin-bottom: 0vh;
}
.content h3 {
  /*font-size: 5vh;*/
  font-size: 26px;
  font-style: italic;
  margin-bottom: 0vh;
}
.content a, .content a:visited {
  color: var(--secondary-color)
}
.content p, .content ul {
  margin: 0;
  margin-bottom: 2vh;
}
.blog-title-div {
  display: inline-block;
  width: 75%;
  text-decoration: none;
  margin-right: 7px;
  float: left;
}
.blog-title {
  width: 50px;
  display: inline;
  margin-right: 7px;
  text-decoration: none !important;
}
.blog-subtitle {
  /*display: inline;*/
  text-decoration: none;
  font-weight: normal;
  margin-top: 0px;
  font-size: 6px;
}
.blog-subtitle:empty {
  display: none;
}
.blog-date {
  /*display: inline-block;*/
  display: block;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  margin-top: 2.0vh !important;
  font-style: italic;
  /*font-size: 2.5vh;*/
  font-size: 24px;
}
.blog-content {
  margin-top: 3vh;
}
.blog-url {
  margin-left: 1vw;
  font-size: 2.5vh;
}
.clear {
  clear: both;
  width: 1px;
}
sup {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

/*@media only screen and (max-width: 850px) {
      .nav-header:after {
        content: "Diego Torres";
      }
    }

 @media only screen and (min-width: 851px) {
      .nav-header:after {
        content: "Diego Alberto Torres Quintanilla";
      }
    }*/
table, th, td {
    border: 2px solid var(--secondary-color);
    /*border-collapse: collapse;*/
    padding: 3px;
}

blockquote {
    background: var(--primary-off-color);
    border-left: 10px solid var(--secondary-color);
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: var(--secondary-color);
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote:after {
    visibility: hidden;
    color: var(--secondary-color);
    content: no-close-quote;
}
blockquote p {
    display: inline;
}
blockquote h3,h4,p,ul,li {
    margin-block-start: 0;
    margin-block-end: 0;
}