@font-face {
  font-family: 'Fira Code';
  src: url('../assets/font/woff2/FiraCode-Light.woff2') format('woff2'),
    url("../assets/font/woff/FiraCode-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Fira Code';
  src: url('../assets/font/woff2/FiraCode-Regular.woff2') format('woff2'),
    url("../assets/font/woff/FiraCode-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Fira Code';
  src: url('../assets/font/woff2/FiraCode-Medium.woff2') format('woff2'),
    url("../assets/font/woff/FiraCode-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Fira Code';
  src: url('../assets/font/woff2/FiraCode-SemiBold.woff2') format('woff2'),
    url("../assets/font/woff/FiraCode-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Fira Code';
  src: url('../assets/font/woff2/FiraCode-Bold.woff2') format('woff2'),
    url("../assets/font/woff/FiraCode-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Fira Code VF';
  src: url('../assets/font/woff2/FiraCode-VF.woff2') format('woff2-variations'),
       url('../assets/font/woff/FiraCode-VF.woff') format('woff-variations');
  /* font-weight requires a range: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide#Using_a_variable_font_font-face_changes */
  font-weight: 300 700;
  font-style: normal;
}
body {
    margin: 60px auto;
    width: 70%;
}
nav ul, footer ul {
    font-family:'Fira Code', 'Helvetica', 'Arial', 'Sans-Serif';
    padding: 0px;
    list-style: none;
    font-weight: bold;
}
nav ul li, footer ul li {
    display: inline;
    margin-right: 20px;
}
ul#resume {
    font-size: 0.8em;
    font-family:'Fira Code';
}
a {
    text-decoration: none;
    color: #999;
}
a:hover {
    text-decoration: underline;
}
h1 {
    font-size: 3em;
    font-family:'Fira Code', 'Helvetica', 'Arial', 'Sans-Serif';
}
h2 {
    font-size: 1.5em;
    font-family:'Fira Code', 'Helvetica','Arial', 'Sans-Serif';
    font-weight: 500;
}
h3 {
    font-size: 1.15em;
    font-family:'Fira Code', 'Helvetica','Arial', 'Sans-Serif';
    font-weight: 500;
}
p {
    font-size: 1.0em;
    font-family: 'Fira Code';
    line-height: 1.1em;
    color: #333;
}
footer {
    border-top: 1px solid #d5d5d5;
    font-size: .8em;
}

ul.posts { 
    margin: 20px auto 40px; 
    font-size: 1.5em;
    font-family:'Fira Code', 'Helvetica', 'Arial', 'Sans-Serif';
}
ul.categories, ul.tags { 
    margin: 20px auto 40px; 
    font-size: 0.8em;
    font-family:'Fira Code', 'Helvetica', 'Arial', 'Sans-Serif';
}
ul.posts li {
    list-style: none;
}