@font-face {
  font-family: 'md-io';
  src: local('MD IO'),
       url('fonts/MDIO-Regular.woff2') format('woff2'),
       url('fonts/MDIO-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'md-io';
  src: local('MD IO'),
       url('fonts/MDIO-Bold.woff2') format('woff2'),
       url('fonts/MDIO-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

html {
  font-family: 'md-io', Menlo, monospace;
}

body {
  display:grid;
  min-height:100vh;
  margin:0;
  justify-items:center;
  align-items:center;
  font-size:2em;
  line-height:1.3em;
}
#wrapper {
  width:40vw;  
  text-align: center;
}