html {
   height: 100%;
   overflow: hidden;
}
body {
   align-items: center;
   background-color: black;
   background-image: url(https://unsplash.it/1200/800?image=982);
   background-repeat: no-repeat;
   background-size: cover;
   color: white;
   text-shadow: 2px 2px rgba(0, 0, 0, .45);
   display: flex;
   height: 100%;
   font-family: 'Montserrat', sans-serif;
   font-size: 14pt;
   justify-content: center;
   text-align: center;
}
blockquote {
   font-family: 'Handlee', cursive;
   font-size: 40pt; 
   max-width: 580px;
}

@media (max-width: 480px) {
   blockquote {
      font-size: 22pt;
   }
}

small {
   display: block;
   overflow: hidden;
   font-size: 16pt;
   padding: 10px 10px;
   text-align: right;
   height: 1em;
}
.note {
   font-size: 10pt;
}
.word-wrapper {
   display: inline-block;
   position: relative;
   text-align: start;
   overflow: hidden; 
   height: 1em;
}