@font-face {
    font-family: Revolver;
    src: url(RevolverBlackletter-Regular.otf);
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
  }

body{
    background: url(bg1.jpg) 10% no-repeat;
    background-size: cover;
     width: 100%;
    height: 100px;
    max-height: 100%;
}

 /* .content{
    position: absolute;
    transform: translate(-20%,-20%);
    color: #202020;
    z-index: -1;

  }

  .headline{
    position: relative;
    overflow: hidden;
    width: 200%;
    display: flex;
    mix-blend-mode: difference;

}

 .headline div{
    color: #d56053;
    font-size: 80px;
    white-space: nowrap;
    font-weight: 900;
    font-family: 'Revolver';
    animation: animate 15s linear infinite;
   
} 



@keyframes animate
{
    0%{
        transform: translateX(0%);
    }

    100%{
        transform: translateX(-40%);
    }

}

*/