body{padding:5rem;font-family:Arial, sans-serif;font-weight:normal;font-size:13px}.card{display:inline-block;vertical-align:top;width:340px;position:absolute;overflow:hidden;margin:5px;background:#FFF;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);color:#505153;border-radius:2px;top:10px;margin-left:-20px}.card .title{font-size:16px;font-weight:normal;background:#8AAB17}.card .content{padding:5px;font-weight:normal;border-radius:0;height:300px;font-size:13px}.card p{margin:0}.card .action{border-top:1px solid rgba(160, 160, 160, 0.2);padding:5px;color:#fff;font-size:13px;bottom:0;background:#8AAB17}.card a{color:#fff;margin-right:20px;font-size:13px;text-decoration:none}.card a:hover{color:#777}.card .image{min-height:50px;position:relative;background:#8AAB17}.card .image img{border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%;background:#8AAB17}.card .image .title{position:absolute;bottom:0;left:0;padding:20px;color:#FFF;background:#8AAB17}.card2{display:inline-block;vertical-align:top;width:340px;position:absolute;overflow:hidden;margin:5px;background:#FFF;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);color:#505153;border-radius:2px;top:10px;margin-left:340px}.card2 .title{font-size:16px;font-weight:normal;background:#8AAB17}.card2 .content{padding:5px;font-weight:normal;border-radius:0;height:300px;font-size:13px}.card2 p{margin:0}.card2 .action{border-top:1px solid rgba(160, 160, 160, 0.2);padding:5px;color:#fff;font-size:13px;bottom:0;background:#8AAB17}.card2 a{color:#505153;margin-right:20px;font-size:13px;text-decoration:none}.card2 a:hover{color:#777}.card2 .image{min-height:50px;position:relative;background:#8AAB17}.card2 .image img{border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%;background:#8AAB17}.card2 .image .title{position:absolute;bottom:0;left:0;padding:20px;color:#FFF;background:#8AAB17}