html {
  font-family: 'EB Garamond', serif;
  background-color: #000;
}

.text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.text p {
  margin: 2em;
  font-size: 2.75vw;
  color: #fff;
}


a {
  color: #fff;
}

a:hover{
  color: #ff0;
  
}

.image {
  position: fixed;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
  background-image: url(http://www.delpes.co/smoke.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-filter: blur(2px);
          filter: blur(2px);
  opacity: 0.9;
}

/*NOT USED:*/
/*.image--hidpi {
  background-image: -webkit-image-set(url(https://c1.staticflickr.com/9/8818/18082848131_589b255fe7_h.jpg) 1x,
                                      url(https://c1.staticflickr.com/9/8818/18082848131_b62e9c6066_k.jpg) 2x);
  background-image: image-set(url(https://c1.staticflickr.com/9/8818/18082848131_589b255fe7_h.jpg) 1x,
                              url(https://c1.staticflickr.com/9/8818/18082848131_b62e9c6066_k.jpg) 2x);
}*/