*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:'Poppins', sans-serif;font-size:18px;line-height:1.65;background-color:#f1f2f3}h1,h2,h3,h4,h5,h6{font-family:'Titillium Web', sans-serif}h2{font-size:1.75rem}small{font-size:0.8rem}small.note{display:block;padding:8px 12px;background-color:#e4e6e8;border-radius:4px}.container{margin:0 auto;padding:30px;max-width:900px}header h1{margin:0;font-size:3.5rem}header h1+.sub{font-size:2rem}header a{color:slategray;text-decoration:none}header a:not(:last-child){margin:0 30px 0 0}main{background-color:#ffffff;border-radius:8px}section{display:-webkit-box;display:-ms-flexbox;display:flex}section:not(:last-child){margin-bottom:50px;padding-bottom:50px;border-bottom:solid 1px #e4e6e8}.text h1,.text h2,.text h3,.text h4,.text h5,.text h6{margin:0 0 15px}.text p{margin:0 0 10px}.text p:last-child{margin:0}input{margin:0 0 30px;padding:12px;width:100%;font-size:18px;font-family:'Poppins', sans-serif;border:solid 2px slategray;border-radius:4px}button{padding:12px 0;width:100%;color:darkslategray;font-size:18px;font-family:'Poppins', sans-serif;text-align:center;background-color:#C3E88D;border:none}.playground{margin-bottom:60px;padding:30px 0}.playground .controls{margin:0 0 30px;padding:30px;background-color:#fff;border-radius:8px}.playground .result{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:start;align-content:flex-start}.playground .result .post{position:relative;display:block;margin:0 0 2%;width:32%;border-radius:4px;overflow:hidden}.playground .result .post img{position:absolute;top:50%;left:0;width:100%;border-radius:4px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.playground .result .post .meta{position:absolute;left:0;bottom:0;display:block;padding:15px;width:100%;height:60px;color:#fff;font-size:13px;text-decoration:none;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(60%, rgba(0,0,0,0.65)), to(rgba(0,0,0,0.65)));background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0.65) 100%);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden}.playground .result .post .meta p{margin:0 0 20px;opacity:0;visibility:hidden;-webkit-transition:all .5s ease;transition:all .5s ease}.playground .result .post .meta .stats{position:absolute;left:15px;right:15px;bottom:10px;text-align:center}.playground .result .post .meta .stats i{margin:0 10px 0 0}.playground .result .post .meta .stats .likes{margin:0 30px 0 0}.playground .result .post::after{display:block;padding-top:100%;content:''}.playground .result .post:hover .meta{height:100%;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.65)), color-stop(60%, rgba(0,0,0,0.65)), to(rgba(0,0,0,0.65)));background:linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0.65) 100%)}.playground .result .post:hover .meta p{opacity:1;visibility:visible}#demo1{display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px -5px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}#demo1 a{display:block;padding:5px;width:16.66666%}#demo1 a img{width:100%;height:auto;border-radius:4px}#demo1+.note{margin-top:-20px}.highlight-me{display:inline-block;padding:5px 10px;color:#89DDFF;font-size:0.95rem;background-color:#474747;border-radius:8px}.highlight-me.multiline,.highlight-me.block{display:block;margin:10px 0;padding:25px;white-space:pre-line}.highlight-me.block{width:50%}.highlight-me [data-type="tag"]{color:#E9716C}.highlight-me [data-type="attr"]{color:#FFCB6B}.highlight-me [data-type="val"]{color:#C3E88D}.highlight-me [data-type="plain"]{color:#fff}
/*# sourceMappingURL=demo-style.min.css.map */