@font-face {
  font-family: 'IndustryInc';
  src: url('../../font/2F1412_0_0.eot'), url('../../font/2F1412_0_0.woff2') format('woff2'), url('../../font/2F1412_0_0.woff') format('woff'), url('../../font/2F1412_0_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'heuristica';
  src: url('../../font/Heuristica-Regular.eot'), url('../../font/Heuristica-Regular.woff') format('woff'), url('../../font/Heuristica-Regular.otf') format('opentype'), url('../../font/Heuristica-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('../../font/Lato-Light.eot'), url('../../font/Lato-Light.woff2') format('woff2'), url('../../font/Lato-Light.woff') format('woff'), url('../../font/Lato-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

html, input, select, textarea, .pure-g [class *= 'pure-u'] {
  font-family: 'heuristica';
  text-rendering: geometricPrecision;
}

html {
  background-image: url('../../img/grid.png');
  background-color: #999;
  background-size: 32px 32px;
  box-sizing: border-box;
  color: #222;
  height: 100%;
}

body {
  height: 100%;
}

#app {
  height: 100%;
}

.container {
  display: flex;
  justify-content: center;
}

.content {
  box-shadow: 2px 2px 2px #333;
  background-color: #fff;
  background-image: url('../../img/prism-logo.svg');
  padding: 32px;
  background-repeat: no-repeat;
  background-position: 50% 5%;
  border: 1px solid #333;
  background-size: 80px;
  margin: 32px;
}

h1, h2, h3 {
  font-family: 'IndustryInc';
}

h1 {
  color: #111;
}

h1.title {
  font-size: 4em;
}

.client-old {
  color: #777;
}