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

}

body {
    display: flex;
    justify-content: center;
    background-color: rgb(255, 255, 255);
}

img {
    width: 120px;
}

div.headline {
    width: 100%;
    font-size: 60px;
    text-align: center;
    font-family: 'eurostile';
}

.italics {
    font-family:'eurostile' black;
    letter-spacing: -5px;
}

div.subline {
    width: 100%;
    font-size: 60px;
    text-align: center;
    line-height: 40px;
    font-family: 'eurostile';
}

div.blue {
    width: 100%;
    font-family:'eurostile';
    font-size: 200px;
    line-height: 210px;
    text-align: center;
}

div.tmrw {
    width: 100%;
    font-family:'eurostile';
    font-size: 200px;
    line-height: 70px;
    text-align: center;
}


div.author {
    width: 50%;
    font-family: 'eurostile';
    font-size: 60px;
    text-align: center;
}

div.date {
    width: 50%;
    font-family: 'eurostile';
    font-size: 20px;
    text-align: center;
}

div.terms {
    margin-top: 30px;
    margin-bottom: 15px;
    text-align: center;
    font-family: 'eurostile';
    font-size: 16px;
}

div.answer {
    display:block;
}


.marquee {
    font-family: 'eurostile';
    font-size: 16px;
    height: 25px;
    width: 100%;
  
    overflow: hidden;
    position: relative;
  }
  
  .marquee div {
    display: block;
    width: 200%;
  
    position: absolute;
    overflow: hidden;
  
    animation: marquee 5s linear infinite;
  }
  
  .marquee span {
    float: left;
    font-size: 25px;
    width: 50%;
  }
  
  @keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
  }