@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i&display=swap);body,header{padding:5px}.load-quote,.quote-box,h1{text-shadow:1px 1px 1px rgba(50,50,50,.3)}body{background-color:#3ac162;color:#fff;font-family:'Playfair Display',serif}header{display:flex;flex-flow:row wrap;justify-content:space-between;width:95%;max-width:1100px;margin:auto}.load-quote{color:#fff;width:12em;max-height:75px;margin-top:20px;margin-bottom:20px;padding:15px 0;background-color:rgba(0,0,0,.1);border-radius:4px;border:2px solid rgba(0,0,0,.3);transition:.5s}.load-quote:hover{background-color:rgba(255,255,255,.1)}.load-quote:focus{outline:0}.container{width:90%;max-width:1024px;margin:auto;padding:5px}.quote-box{line-height:.5}.quote{font-size:2rem;font-weight:400;line-height:1.2;position:relative;margin:0 0 0 10px}.quote:after,.quote:before{font-size:3rem;line-height:2.5rem;position:absolute}.quote:before{content:"“";top:.1em;left:-.5em}.quote:after{content:"”";bottom:-.1em;margin-left:.1em;position:absolute}.source{font-size:1rem;letter-spacing:.05em;line-height:1.1;text-align:right;margin-right:4em}.source:before{content:"—"}.citation{font-style:italic}.citation:before,.year:before{content:", ";font-style:normal}@media (min-width:768px){body{padding:25px}header{margin-bottom:50px}h1{font-size:3.5rem;height:73px;margin-top:20px;margin-right:5px;border-bottom:4px solid rgba(0,0,0,.3)}.load-quote{font-size:1.5rem}.container{padding:25px 25px 15px 55px;background:rgba(0,0,0,.1);border-left:5px solid rgba(0,0,0,.3);border-radius:0 4px 4px 0}.quote{font-size:4rem}.quote:after,.quote:before{font-size:6rem}.quote:before{top:.25em}.quote:after{bottom:.1em}.source{font-size:1.25rem}}