style.css

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
 html, body {
   margin: 0;
   padding: 0;
}
 html {
   font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 18px;
   font-weight: 300;
   line-height: 1.6;
}
 @media (min-width: 38em) {
   html {
     font-size: 20px;
  }
}
 body {
   color: #515151;
   background-color: #fff;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}
 .MathJax_Display {
   font-size: 80%;
}
 a {
   color: #268bd2;
   text-decoration: none;
}
 a:hover, a:focus {
   text-decoration: underline;
}
 h1, h2, h3, h4, h5, h6 {
   margin-top: 0;
   margin-bottom: 0.5rem;
   font-weight: 600;
   font-family: "Open Sans", "Source Sans Pro";
   line-height: 1.1;
   color: #333;
   letter-spacing: -0.025rem;
}
 h1 {
   font-size: 2rem;
}
 h2 {
   font-size: 1.6rem;
}
 h3 {
   font-size: 1.3rem;
}
 h4, h5, h6 {
   font-size: 1rem;
}
 p {
   font-family: "Open Sans", "Helvetica Neue", Helvetica;
   font-weight: 300;
   margin: 0 0 1rem;
   font-size: 0.8rem;
}
 ul, ol, dl {
   font-family: "Open Sans", "Helvetica Neue", Helvetica;
   font-weight: 300;
   font-size: 0.8rem;
   margin-top: 0;
   margin-bottom: 1rem;
}
 li > ul > li {
   margin-left: 1rem;
}
 dt {
   font-weight: bold;
}
 dd {
   margin-bottom: 0.5rem;
}
 ul {
  /*font-family: Helvetica, 'Ubuntu Mono';
  */
   font-size: 0.8rem;
   list-style: inside circle;
   padding-left: 0;
}
 ul li {
   margin-bottom: 0.25rem;
}
 ul ul, ul ol {
   margin-top: 0.25rem;
   margin-bottom: 0.5rem;
}
 ul.share-buttons {
   list-style: none;
   padding: 0;
}
 ol {
   list-style: inside decimal;
   padding-left: 0;
}
 ol li {
   margin-bottom: 0.25rem;
}
 ol ul, ol ol {
   margin-top: 0.25rem;
   margin-bottom: 0.5rem;
}
 p + h1, p + h2, p + h3, ul + h1, ul + h2, ul + h3, ol + h1, ol + h2, ol + h3 {
   margin-top: 1.5rem;
}
 hr {
   border: 0;
   border-top: 0.5px solid #eee;
   border-bottom: 0.5px solid #eee;
   margin: 1.5rem auto;
}
 strong {
   color: #333;
   font-weight: 600;
}
 abbr {
   font-size: 80%;
   font-weight: bold;
   color: #555;
   text-transform: uppercase;
}
 abbr[title] {
   cursor: help;
   border-bottom: 1px dotted #e5e5e5;
}
 blockquote {
   padding: 0 0 0 1.5rem;
   margin: 0 2rem 1rem 0;
   border-left: 0.5rem;
}
 blockquote p:last-child {
   margin-bottom: 0;
}
 code, pre {
   font-family: Monaco, "Courier New", monospace;
}
 code {
   padding: 0.25em 0.5em;
   font-size: 80%;
   color: #bf616a;
   background-color: #f9f9f9;
   border-radius: 3px;
}
 pre {
   display: block;
   margin-top: 0;
   margin-bottom: 1rem;
   padding: 0.5rem;
   font-size: 0.8rem;
   line-height: 1.4;
   white-space: pre;
   white-space: pre-wrap;
   word-break: break-all;
   background-color: #f9f9f9;
}
 pre code {
   padding: 0;
   font-size: 80%;
   color: inherit;
   background-color: transparent;
}
 .highlight {
   margin-bottom: 1rem;
   border-radius: 4px;
   border: none;
}
 .highlight pre {
   margin-bottom: 0;
}
 .gist .gist-file {
   font-family: Monaco, "Courier New", monospace !important;
}
 .gist .markdown-body {
   padding: 15px;
}
 .gist pre {
   padding: 0;
   background-color: transparent;
}
 .gist .gist-file .gist-data {
   font-size: 0.8rem !important;
   line-height: 1.4;
}
 .gist code {
   padding: 0;
   color: inherit;
   background-color: transparent;
   border-radius: 0;
}
 img {
   display: block;
   max-width: 100%;
   margin: 0 0 1rem;
   border-radius: 5px;
}
 table {
   margin-bottom: 1rem;
   width: 100%;
   font-size: 70%;
   border: 1px solid #e5e5e5;
   border-collapse: collapse;
}
 td, th {
   padding: 0.25rem 0.5rem;
   border: 1px solid #e5e5e5;
   font-size: 140%;
}
 tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th {
   background-color: #f9f9f9;
}
 .lead {
   font-size: 1.25rem;
}
 .container {
   max-width: 40rem;
   margin-left: auto;
   margin-right: auto;
}
 .masthead-title {
   font-weight: 300;
}
 .masthead-title a {
   color: #333;
}
 .masthead-title a:hover, .masthead-title a:focus {
   text-decoration: none;
}
 .masthead-title span {
   color: #ddd;
}
 .masthead-title--small {
   margin-bottom: 0.75rem;
   font-size: 0.75rem;
   font-weight: 600;
   text-transform: uppercase;
}
 .masthead-title--small a {
   color: #333;
}
 .masthead-title--small a:hover, .masthead-title--small a:focus {
   text-decoration: none;
}
 .masthead .masthead-nav {
   margin-bottom: 2rem;
}
 .masthead .masthead-nav a {
   color: #aaa;
   font-weight: 300;
   text-transform: lowercase;
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
 .masthead .masthead-nav a:hover, .masthead .masthead-nav a:focus {
   color: #333;
   text-decoration: none;
}
 .masthead .masthead-nav a + a {
   margin-left: 0.25rem;
}
 .page-title {
   margin-bottom: 2rem;
}
 .post-title {
   margin-bottom: 0.25rem;
}
 .post-date {
   margin-bottom: 2rem;
   font-size: 0.75rem;
   text-transform: uppercase;
}
 .list-post-title {
   margin-bottom: 0.25rem;
}
 .list-post-title a {
   color: #333;
}
 .list-post-title a:hover, .list-post-title a:focus {
   text-decoration: none;
}
 .list-post-date {
   margin-bottom: 1rem;
   font-size: 0.75rem;
   text-transform: uppercase;
}
 .projects-list a {
   color: #333;
}
 .profile-thumbnail {
   object-fit: cover;
   object-position: center top;
   width: 200px;
   height: 200px;
}
 .highlight .hll {
   background-color: #ffc;
}
 .highlight .c {
   color: #998;
   font-style: italic;
}
/* Comment */
 .highlight .err {
   color: #a61717;
   background-color: #e3d2d2;
}
/* Error */
 .highlight .k {
   color: #000;
   font-weight: bold;
}
/* Keyword */
 .highlight .o {
   color: #000;
   font-weight: bold;
}
/* Operator */
 .highlight .cm {
   color: #998;
   font-style: italic;
}
/* Comment.Multiline */
 .highlight .cp {
   color: #999;
   font-weight: bold;
   font-style: italic;
}
/* Comment.Preproc */
 .highlight .c1 {
   color: #998;
   font-style: italic;
}
/* Comment.Single */
 .highlight .cs {
   color: #999;
   font-weight: bold;
   font-style: italic;
}
/* Comment.Special */
 .highlight .gd {
   color: #000;
   background-color: #fdd;
}
/* Generic.Deleted */
 .highlight .ge {
   color: #000;
   font-style: italic;
}
/* Generic.Emph */
 .highlight .gr {
   color: #a00;
}
/* Generic.Error */
 .highlight .gh {
   color: #999;
}
/* Generic.Heading */
 .highlight .gi {
   color: #000;
   background-color: #dfd;
}
/* Generic.Inserted */
 .highlight .go {
   color: #888;
}
/* Generic.Output */
 .highlight .gp {
   color: #555;
}
/* Generic.Prompt */
 .highlight .gs {
   font-weight: bold;
}
/* Generic.Strong */
 .highlight .gu {
   color: #aaa;
}
/* Generic.Subheading */
 .highlight .gt {
   color: #a00;
}
/* Generic.Traceback */
 .highlight .kc {
   color: #000;
   font-weight: bold;
}
/* Keyword.Constant */
 .highlight .kd {
   color: #000;
   font-weight: bold;
}
/* Keyword.Declaration */
 .highlight .kn {
   color: #000;
   font-weight: bold;
}
/* Keyword.Namespace */
 .highlight .kp {
   color: #000;
   font-weight: bold;
}
/* Keyword.Pseudo */
 .highlight .kr {
   color: #000;
   font-weight: bold;
}
/* Keyword.Reserved */
 .highlight .kt {
   color: #458;
   font-weight: bold;
}
/* Keyword.Type */
 .highlight .m {
   color: #099;
}
/* Literal.Number */
 .highlight .s {
   color: #d01040;
}
/* Literal.String */
 .highlight .na {
   color: #008080;
}
/* Name.Attribute */
 .highlight .nb {
   color: #0086b3;
}
/* Name.Builtin */
 .highlight .nc {
   color: #458;
   font-weight: bold;
}
/* Name.Class */
 .highlight .no {
   color: #008080;
}
/* Name.Constant */
 .highlight .nd {
   color: #3c5d5d;
   font-weight: bold;
}
/* Name.Decorator */
 .highlight .ni {
   color: #800080;
}
/* Name.Entity */
 .highlight .ne {
   color: #900;
   font-weight: bold;
}
/* Name.Exception */
 .highlight .nf {
   color: #900;
   font-weight: bold;
}
/* Name.Function */
 .highlight .nl {
   color: #900;
   font-weight: bold;
}
/* Name.Label */
 .highlight .nn {
   color: #555;
}
/* Name.Namespace */
 .highlight .nt {
   color: #000080;
}
/* Name.Tag */
 .highlight .nv {
   color: #008080;
}
/* Name.Variable */
 .highlight .ow {
   color: #000;
   font-weight: bold;
}
/* Operator.Word */
 .highlight .w {
   color: #bbb;
}
/* Text.Whitespace */
 .highlight .mf {
   color: #099;
}
/* Literal.Number.Float */
 .highlight .mh {
   color: #099;
}
/* Literal.Number.Hex */
 .highlight .mi {
   color: #099;
}
/* Literal.Number.Integer */
 .highlight .mo {
   color: #099;
}
/* Literal.Number.Oct */
 .highlight .sb {
   color: #d01040;
}
/* Literal.String.Backtick */
 .highlight .sc {
   color: #d01040;
}
/* Literal.String.Char */
 .highlight .sd {
   color: #d01040;
}
/* Literal.String.Doc */
 .highlight .s2 {
   color: #d01040;
}
/* Literal.String.Double */
 .highlight .se {
   color: #d01040;
}
/* Literal.String.Escape */
 .highlight .sh {
   color: #d01040;
}
/* Literal.String.Heredoc */
 .highlight .si {
   color: #d01040;
}
/* Literal.String.Interpol */
 .highlight .sx {
   color: #d01040;
}
/* Literal.String.Other */
 .highlight .sr {
   color: #009926;
}
/* Literal.String.Regex */
 .highlight .s1 {
   color: #d01040;
}
/* Literal.String.Single */
 .highlight .ss {
   color: #990073;
}
/* Literal.String.Symbol */
 .highlight .bp {
   color: #999;
}
/* Name.Builtin.Pseudo */
 .highlight .vc {
   color: #008080;
}
/* Name.Variable.Class */
 .highlight .vg {
   color: #008080;
}
/* Name.Variable.Global */
 .highlight .vi {
   color: #008080;
}
/* Name.Variable.Instance */
 .highlight .il {
   color: #099;
}
/* Literal.Number.Integer.Long */
 .pos_header {
   margin-left: 2rem;
}
 .people {
   margin: auto;
   text-align: center;
   margin-top: 0.75em;
}
 .list-item-people {
   display: inline-block;
   padding-right: 1em;
}
 .list-post-title img {
   margin-bottom: 0.75em;
   margin-top: 1.25em;
}
 .list-post-title .name {
   font-size: 18px;
}
 .list-post-title {
   color: black;
}
 .list-detail {
   font-size: 15px;
   color: #838383;
}
 .list-item a:hover, .list-post-title:hover .name, .list-post-title .name:hover {
   color: #c42929;
}
 .page-title {
   margin-bottom: 0.6em;
}
 .navbar-brand {
   font-size: 20px;
   font-weight: 300;
}
 .navbar, .navbar-nav > li > a {
   background-color: white;
   font-family: 'Open Sans', sans-serif;
   text-transform: uppercase;
   font-weight: 400;
   font-size: 80%;
}
 @media (max-width: 40em) {
   .navbar-nav > li > a {
     padding: 0.75em 0 0.5em 2.5em;
     font-size: 15px;
  }
   .navbar-nav {
     margin-right: 15px;
  }
}
 .navbar-nav > li {
   margin-bottom: 0;
}
 .navbar-toggle, .navbar-default .navbar-toggle:hover {
   border: none;
   background-color: #fff;
}