@font-face {
    font-family: 'NeuePixelGrotesk';
    src: url('../fonts/NeuePixelGrotesk.woff2') format('woff2'),
        url('../fonts/NeuePixelGrotesk.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}  


   * { margin: 0; padding: 0; box-sizing: border-box; }
      body { 
        font-size: 2.2vw;
        font-family: 'NeuePixelGrotesk';
        font-weight: bold;
      	width: 100%;
      	text-align: center;
      	background-color: #367EF3;}

      .main{
        font-size: 10vw;
        top:12vw;
        position: absolute;
        width: 100%;
        text-align: center;
        color: white;
        letter-spacing: .2vw;
        font-weight: normal;
      }

      .desc{
        font-size: 3.3vw;
        top:15vw;
        position: absolute;
        width: 100%;
        text-align: center;
        color: white;
        letter-spacing: .2vw;
        font-weight: normal;
      }

      video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}