/* overpass-mono-regular - latin */
@font-face {
  font-family: 'Overpass Mono';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/font/overpass-mono-v2-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Overpass Mono Regular'), local('OverpassMono-Regular'),
  url('/assets/font/overpass-mono-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/font/overpass-mono-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/font/overpass-mono-v2-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/assets/font/overpass-mono-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/font/overpass-mono-v2-latin-regular.svg#OverpassMono') format('svg'); /* Legacy iOS */
}

/* overpass-mono-700 - latin */
@font-face {
  font-family: 'Overpass Mono';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/font/overpass-mono-v2-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Overpass Mono Bold'),
  local('OverpassMono-Bold'),
  url('/assets/font/overpass-mono-v2-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/font/overpass-mono-v2-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/font/overpass-mono-v2-latin-700.woff') format('woff'), /* Modern Browsers */ url('/assets/font/overpass-mono-v2-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/font/overpass-mono-v2-latin-700.svg#OverpassMono') format('svg'); /* Legacy iOS */
}

html {
  font-family: 'Overpass Mono', Consolas, Monaco, monospace;
  font-size: 10px;
  background-color: #222222;
  color: #ffffee;
}

body {
  font-size: 1.6rem;
}

h1, h2, h3, h4, h5, h6 {
  margin: .5rem 0;
}

.projects {
  display: flex;
  flex-wrap: wrap;
}

.project {
  flex: 1 0 auto;
  width: 300px;
  margin: .2rem;
  padding: .2rem;
  background-color: #444444;
  border-radius: .5rem;
}

@media (max-width: 320px) {
  .project {
    flex: 1 1 100%;
  }
}

.project h3 {
  margin: .2rem .4rem;
}

.tags {
  background-color: #222222;
  border-radius: 0 0 .5rem .5rem;
}

.tag {
  display: inline-block;
  margin: .5rem;
}

.tag a {
  line-height: 0;
  display: block;
}

.tag label {
  display: block;
  margin-bottom: .2rem;
  text-align: center;
}