/* rubik-regular - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url('../fonts/rubik-v20-latin-regular.woff2') format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/rubik-v20-latin-regular.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* rubik-500 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: local(''),
    url('../fonts/rubik-v20-latin-500.woff2') format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/rubik-v20-latin-500.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html, body{
  font-family: 'Rubik';
  background-color: rgb(34, 34, 44);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.content{
  width: 100%;
  text-align: center;
}

h1{
  font-weight: 400;
  opacity: 0.7;
  font-size: 3em;
  line-height: 0;
}

h2{
  font-weight: 400;
  opacity: 0.4;
  font-size: 1.2em;
  line-height: 2em;
}

p{
  padding-top: 25px;
  font-style: italic;
  font-size: 0.9em;
  opacity: 0.2;
}