body {
    font-family: "Input Mono Narrow";
}

@font-face {
    font-family: 'Input Mono Narrow';
    font-style: normal;
    font-wieght: 400;
    src: url(/fonts/Input_Mono_Narrow_Regular.woff) format('woff');
}

@font-face {
  font-family: 'Input Mono Narrow', 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/material-icons/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/assets/material-icons/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
       url(/assets/material-icons/iconfont/MaterialIcons-Regular.woff) format('woff'),
       url(/assets/material-icons/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}

#me {
    width: 450px;
    padding: 10px;
    margin: 10px;
}

@media only screen and (max-device-width: 480px) {
#me {
    width: 350px;
    padding: 10px;
    margin: 10px;
}
}