.red { color: red; }
.tiny-output .remark-code {font-size: 10px;}
.small-output .remark-code {font-size: 12px;}
.medium-output .remark-code {font-size: 14px;}
.short-title h1 {margin-bottom: 0;}
.short-title h2 {margin-bottom: 0;}
.short-title h3 {margin-bottom: 0;}
.short-title h4 {margin-bottom: 0;}
.single-line p {display:inline;padding:0;}
.width30 {width:28%}
.width70 {width:68%}
.width25 {width:23%}
.width75 {width:73%}
.width40 {width:38%}
.width65 {width:63%}
.width35 {width:33%}
.width60 {width:58%}
.width45 {width:43%}
.width55 {width:53%}
.small-font {font-size: 12px;}
.medium-font {font-size: 14px;}
.medium-table table {font-size: 14pt;}
.small-table table {font-size: 12pt;}
.small-code code.remark-code.r {font-size: 10pt;}
.medium-code code.remark-code.r {font-size: 12pt;}

.canverse {
  background-image: url(images/canverse.png);
  background-size: 500px;
  background-position: 80% 80%;
  background-color: #272822;
  color: #d6d6d6;
  text-shadow: 0 0 20px #333;
}

.letter-list ol { list-style-type: lower-alpha; }

.blinking-cursor {
  font-weight: 100;
  font-size: 30px;
  color: #2E3D48;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}

@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}