@font-face {
  font-family: 'bebas';
  src: url('BebasNeue-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'pt-mono';
  src: url('pt-mono-v8-latin-regular.woff2') format('woff2');
}

.bebas {
  font-family: 'bebas', Fallback, sans-serif;
}

.pt-mono {
  font-family: 'pt-mono', Fallback, sans-serif;
}  

body {
  text-align: center;
  margin-top: 3em;
}

.title {
  font-size: 4em;
  margin: 0;
}

.subtitle {
  margin: 0;
}

.query {
  border: 2px solid #EEE;
  width: 584px;
  border-radius: 24px;
  height: 44px;
  margin: 4em;
}