@font-face {
  font-family: 'Fira Mono';
  src: url('../fonts/FiraMono-Regular.eot');
  src: url('../fonts/FiraMono-Regular.woff2') format('woff2'),
       url('../fonts/FiraMono-Regular.woff') format('woff'),
       url('../fonts/FiraMono-Regular.ttf') format('truetype'),
       url('../fonts/FiraMono-Regular.svg#FiraMono-Regular') format('svg'),
       url('../fonts/FiraMono-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Fira Mono';
  src: url('../fonts/FiraMono-Medium.eot');
  src: url('../fonts/FiraMono-Medium.woff2') format('woff2'),
       url('../fonts/FiraMono-Medium.woff') format('woff'),
       url('../fonts/FiraMono-Medium.ttf') format('truetype'),
       url('../fonts/FiraMono-Medium.svg#FiraMono-Medium') format('svg'),
       url('../fonts/FiraMono-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Fira Mono';
  src: url('../fonts/FiraMono-Bold.eot');
  src: url('../fonts/FiraMono-Bold.woff2') format('woff2'),
       url('../fonts/FiraMono-Bold.woff') format('woff'),
       url('../fonts/FiraMono-Bold.ttf') format('truetype'),
       url('../fonts/FiraMono-Bold.svg#FiraMono-Bold') format('svg'),
       url('../fonts/FiraMono-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: 700;
  font-style: normal;
}

body {
    background-color: #1B2B34;
    color: #CDD3DE;
    font-family: 'Fira Mono', monospace;
    font-size: 1.2rem;
}

::selection {
    background-color:#90BC8C;
    color: #fff;
}

h2 {
    font-size: 2.5rem;
}

h3.date {
    font-size: 1.4rem;
}

a {
    color: #90BC8C;
}

a:hover, a:focus {
    color: #B0EAA7;
}

pre, code {
    background: #22759c
}

@media only screen and (min-width: 40.0rem) {
    .wrapper {
        margin: 40px auto;
        width: 60%;
    }
    
    .about {
        text-align: right;
    }
}

ul {
    list-style: none;
}

ul, p {
    line-height: 1.5em;
}

li span {
    display: inline-block;
    width: 50%;
}

li span.date {
    text-align: right;
}

.go-back {
    display: inline-block;
    margin: 20px 0; 
}

.inline-code {
    padding: 2px;
    background-color: #F3F4F5;
    color: #555;
}

.content p {
    margin: 20px 0;
}