html {
    font-size: 12px; /* 1 rem */
 }
 
 body {
    height: 100vh;
    width: 100vw;
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
   
    color: rgb(45, 5, 248) ;
   
 }
 
 .container {
    box-sizing: border-box;
    height: 800px;
    width: 600px;
    margin: 0 auto;
    background-color: lightgreen;
    text-transform: uppercase;
    padding: 5rem 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
 }
 
 .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: justify;
    text-align-last: justify;
 }
 
 .row > * {
    width: 100%;
 }
 
 .presents {
    font-size: .7rem;
    letter-spacing: .2rem;
    margin-bottom: 4rem;
 }
 
 .actors h2 {
    font-size: 2.2rem;
    line-height: 3rem;
 }
 
 .actors h2 span.big {
    font-size: 2.8rem;
 }
 
 .olivia {
    letter-spacing: .75rem;
 }
 
 .colman {
    letter-spacing: .3rem;
 }
 
 .emma {
    letter-spacing: 1.4rem;
    margin-left: .45rem;
 }
 
 .stone {
    letter-spacing: .9rem;
    margin-left: .45rem;
 }
 
 .actors h2.right {
    text-align: right;
    text-align-last: right;
    margin-bottom: 4rem;
 }
 
 .rachel {
    letter-spacing: .8rem;
    margin-right: -.4rem;
   
 }
 
 .weisz {
    letter-spacing: 1.6rem;
    margin-right: -1.3rem;
 }
 
 h1 {
    font-size: 5rem;
    letter-spacing: .1rem;
    margin-bottom: 5rem;
 }
 
 h1.the {
    font-size: 1.0rem;
    letter-spacing: 8.5rem;
    margin-bottom: .8rem;
 }
 
 h1 span.big {
    font-size: 8rem;
 }
 
 .directed,
 .produced,
 .written {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
 }
 
 .produced {
    margin: 0 1.8rem;
 }
 
 .production p {
    margin-bottom: .8rem;
 }
 
 .production h3,
 .production p.and {
    margin-bottom: .2rem;
 }
 
 .production h3:empty {
    margin-bottom: 1.4rem;
 }
 
 .production p {
    font-size: .6rem;
 }
 
 .production h3 {
    font-size: .9rem;
 }
 
 .production h3 span.big {
    font-size: 1.0rem;
 }
 
 .production p.and {
    line-height: 1.2rem;
 }
 
 .directed p:nth-of-type(1) {
    letter-spacing: 1.6rem;
    margin-right: -1.6rem;
 }
 
 .directed p:nth-of-type(2) {
    letter-spacing: 13.0rem;
    margin-right: -13.0rem;
 }
 
 .directed h3 {
    letter-spacing: .25rem;
    margin-right: -.25rem;
 }
 
 
 .produced p:nth-of-type(1) {
    letter-spacing: 1.50rem;
    margin-right: -1.50rem;
 }
 
 .produced p:nth-of-type(2) {
    letter-spacing: 13.0rem;
    margin-right: -13.0rem;
 }
 
 .produced h3:nth-of-type(1) {
    letter-spacing: .65rem;
    margin-right: -.65rem;
 }
 
 .produced h3:nth-of-type(2) {
    letter-spacing: .2rem;
    margin-right: -.2rem;
 }
 
 .produced h3:nth-of-type(3) {
    letter-spacing: .60rem;
    margin-right: -.60rem;
 }
 
 .produced h3:nth-of-type(4) {
    letter-spacing: .3rem;
    margin-right: -.3rem;
 }
 
 .written p:nth-of-type(1) {
    letter-spacing: 1.30rem;
    margin-right: -1.30rem;
 }
 
 .written p:nth-of-type(2) {
    letter-spacing: 2.0rem;
    margin-right: -2.0rem;
 }
 
 .written h3:nth-of-type(1) {
    letter-spacing: .15rem;
    margin-right: -.15rem;
 }
 
 .written p:nth-of-type(3) {
    letter-spacing: 5.3rem;
    margin-right: -5.3rem;
 }
 
 .written h3:nth-of-type(3) {
    letter-spacing: .20rem;
    margin-right: -.20rem;
 }
 
 .production {
    margin-bottom: 3rem;
 }