Life Quote CSS

HTML
<div class="frame"> <div class="canvas"> <div class="text-1"> Work Hard </div> <div class="text-2"> & </div> <div class="text-3"> Be nice to People </div> </div> </div>
CSS
html, body { overflow: hidden; font-family: 'Oswald', sans-serif; text-align: center; background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/stardust.png"); height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .frame { position: relative; width: 230px; height: 380px; padding: 6px; background: #fff; box-shadow: 4px 4px 23px 0px rgba(0,0,0,0.75); } .canvas { padding: 30px; width: 170px; height: 320px; background: #1abc9c; color: #444349; } .text-1, .text-2, .text-3 { text-transform: uppercase; font-weight: 700; font-size: 62px; line-height: 70px; } .text-2 { font-size: 40px; } .text-3 { margin: 0 auto; width: 150px; font-size: 36px; line-height: 40px; }
JAVASCRIPT
Expand for more options Login