*{margin:0;padding:0;box-sizing:border-box}.group:after,.group:before{content:"";display:table}.group:after{clear:both}.group{zoom:1}body{background-color:#fff;font-family:arial;font-size:100%}.item{}.item .block{padding-bottom:100%;border-radius:6px}.item:nth-child(1) .block{background-color:#bfbfbf}.item:nth-child(2) .block{background-color:#787878}.item:nth-child(3) .block{background-color:#7d7d7d}.item:nth-child(4) .block{background-color:#b6b6b6}.item:nth-child(5) .block{background-color:#6a6a6a}.item:nth-child(6) .block{background-color:#b4b4b4}.item:nth-child(7) .block{background-color:#9d9d9d}.item:nth-child(8) .block{background-color:silver}.item:nth-child(9) .block{background-color:#7c7c7c}.item:nth-child(10) .block{background-color:#666}.item:nth-child(11) .block{background-color:#858585}.item:nth-child(12) .block{background-color:#b7b7b7}.item:nth-child(13) .block{background-color:#bebebe}.item:nth-child(14) .block{background-color:#696969}.item:nth-child(15) .block{background-color:#9c9c9c}.item:nth-child(16) .block{background-color:#797979}.item:nth-child(17) .block{background-color:#9e9e9e}.item:nth-child(18) .block{background-color:gray}.item:nth-child(19) .block{background-color:#666}.item:nth-child(20) .block{background-color:#b3b3b3}.item:nth-child(21) .block{background-color:#a2a2a2}.item:nth-child(22) .block{background-color:#929292}.item:nth-child(23) .block{background-color:#b3b3b3}.item:nth-child(24) .block{background-color:#b7b7b7}.item:nth-child(25) .block{background-color:#646464}.item:nth-child(26) .block{background-color:#888}.item:nth-child(27) .block{background-color:#b5b5b5}.item:nth-child(28) .block{background-color:#6d6d6d}.item:nth-child(29) .block{background-color:#8f8f8f}.item:nth-child(30) .block{background-color:#6a6a6a}.item:nth-child(31) .block{background-color:#afafaf}.item:nth-child(32) .block{background-color:#c1c1c1}.item:nth-child(33) .block{background-color:#969696}.item:nth-child(34) .block{background-color:#aeaeae}.item:nth-child(35) .block{background-color:#bababa}.item:nth-child(36) .block{background-color:#9a9a9a}.item:nth-child(37) .block{background-color:#bbb}.item:nth-child(38) .block{background-color:#bababa}.item:nth-child(39) .block{background-color:#646464}.item:nth-child(40) .block{background-color:#828282}.item:nth-child(41) .block{background-color:#adadad}.item:nth-child(42) .block{background-color:#9c9c9c}.item:nth-child(43) .block{background-color:#6e6e6e}.item:nth-child(44) .block{background-color:#a9a9a9}.item:nth-child(45) .block{background-color:#9d9d9d}.item:nth-child(46) .block{background-color:#bbb}.item:nth-child(47) .block{background-color:#707070}.item:nth-child(48) .block{background-color:#8c8c8c}.item:nth-child(49) .block{background-color:gray}.item:nth-child(50) .block{background-color:#b7b7b7}.item:nth-child(51) .block{background-color:#c8c8c8}.item:nth-child(52) .block{background-color:#a3a3a3}.item:nth-child(53) .block{background-color:#9a9a9a}.item:nth-child(54) .block{background-color:#8a8a8a}.item:nth-child(55) .block{background-color:#b8b8b8}.item:nth-child(56) .block{background-color:#777}.item:nth-child(57) .block{background-color:#9f9f9f}.item:nth-child(58) .block{background-color:#747474}.item:nth-child(59) .block{background-color:#9d9d9d}.item:nth-child(60) .block{background-color:#c8c8c8}header .wrapper{margin:0 auto;padding:64px 10px;width:960px;color:#ecf0f1}header h1{margin-bottom:10px;font-size:3em;font-weight:700;line-height:1em}header p{margin-bottom:20px}header .button{padding:10px 20px;display:inline-block;color:#f1c40f;text-decoration:none;border:2px solid #f1c40f;border-radius:6px}.section .wrapper{margin:0 auto;padding:52px 0;width:960px}.section.section-code{background-color:#ecf0f1}.section.section-code .wrapper{padding:52px 10px}.section.section-code code,.section.section-code p{margin-bottom:20px}.section.section-code a{color:#2980b9}.section.section-code code{padding:20px;display:block;background-color:#fff;border-radius:6px;border:2px solid #bdc3c7}.section.section-code code:last-child{margin-bottom:0}footer{background-color:#34495e;text-align:right}footer .wrapper{margin:0 auto;padding:32px 10px;width:960px;font-size:.875em;color:#ecf0f1}footer a{color:#ecf0f1;text-decoration:none;border-bottom:1px solid rgba(236,240,241,.5)}@media screen and (max-width:991px){body{min-width:320px}.section .wrapper,footer .wrapper,header .wrapper{margin:0;width:100%}}@media screen and (max-width:480px){.section .wrapper{margin:0;width:100%}}
/*# sourceMappingURL=demo.min.css.map */