#app{font-family:Quattrocento Sans,sans-serif;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#455a64}body{margin:0}.container,body{background-color:#cfd8dc}.container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.sub{text-align:center;margin-top:-30px;font-size:16px}.content{max-width:800px}.cardlist{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.cardlist,.single-card{display:-ms-flexbox;display:flex}.single-card{margin:10px;margin-bottom:40px;background-color:#eceff1;padding:30px;box-shadow:5px 8px #546e7a33}.to-col{min-width:100px;-ms-flex-positive:3;flex-grow:3;padding-right:10px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.date{padding-top:15px}.message-col{-ms-flex-positive:1;flex-grow:1;padding-left:10px}.shuffle-button{position:fixed;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;left:48px;bottom:48px;width:48px;height:48px;border-radius:24px;background-color:#455a64dd;color:#eceff1;text-align:center;box-shadow:4px 4px 5px #455a6499;opacity:.3}.shuffle-button:hover{opacity:.9;cursor:pointer}
/*# sourceMappingURL=app.0f3d9138a9611957a5ece337575cfe26.css.map */