html, body {
    min-height: 100%;
}

body {
    background-color: #4158D0;
    background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
    text-rendering: optimizeLegibility;
    font-size: 15px;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/opensans-300.woff2) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(fonts/opensans-400.woff2) format('woff2');
}

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(fonts/lato-300.woff2) format('woff2');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(fonts/lato-400.woff2) format('woff2');
}

h1,
h2,
h3,
h4 {
    font-family: "Lato","Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1,
h2 {
    font-size: 30px;
}

h1 {
    margin-top: 0;
}

h1 small {
    font-weight: 300;
}

h2 {
    font-weight: 400;
}

dt {
    font-weight: 600;
}

h4 {
    font-size: 20px;
}

header h1 {
    font-weight: 400;
    font-size: 36px;
}

blockquote {
    font-size: 15px;
    color: #666;
    border-left: 5px solid #d9d9d9;
}

.content {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-shadow: 0 0 26px rgba(0, 0, 0, 0.4);
    padding: 19px 29px 29px;
}

.nav--github img {
    max-height: 1em;
}

.no-wrap {
    white-space: nowrap;
}

.references .reference {
    margin-top: 1em;
}

.references {

}

.reference-description {
    display: table-cell;
    vertical-align: middle;
    height: 140px;
}

.reference-thumbnail {
    max-height: 140px;
    max-width: 140px;
    vertical-align: middle;
}

.reference-thumbnail-container {
    width: 140px;
    height: 140px;
    text-align: center;
    white-space: nowrap;
}

.reference-thumbnail-wrapper {
    vertical-align: middle;
    height: 100%;
    display: inline-block;
}

.reference > .pull-left {
    margin-right: 2em;
}

.headlink {
    color: #333;
    padding: 0.2em;
}

.sidelinks {
    margin-top: 0.8em;
}

.alert-info .table thead > tr > th,
.alert-info .table tbody > tr > th,
.alert-info .table tfoot > tr > th,
.alert-info .table thead > tr > td,
.alert-info .table tbody > tr > td,
.alert-info .table tfoot > tr > td {
    border-top: 1px solid #3A87AD;
}

.alert-info .table thead > tr > th {
    border-bottom: 2px solid #3A87AD;
}

.light-border {
    border: 1px solid #dfdfdf;
}

.padding-1-em {
    padding: 1em;
}

.margin-1-em {
    margin: 1em;
}

.inline-block {
    display: inline-block
}

article pre {
  margin-left: -30px;
  margin-right: -30px;
  border-radius: 0;
  padding-left: 1em;
}

/* debugging external links */
/*
.link-external {
    color: #ff0000 !important;
}
*/

.link-external + a[href*=ycombinator].link-external {
    color: rgba(222, 129, 31, 0.8);
}