*{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{padding:10px;width:25%;float:left}.item .block{padding-bottom:100%;border-radius:6px}.item:nth-child(1) .block{background-color:#9a9a9a}.item:nth-child(2) .block{background-color:#656565}.item:nth-child(3) .block{background-color:#bababa}.item:nth-child(4) .block{background-color:#929292}.item:nth-child(5) .block{background-color:#9c9c9c}.item:nth-child(6) .block{background-color:#919191}.item:nth-child(7) .block{background-color:#b6b6b6}.item:nth-child(8) .block{background-color:#9b9b9b}.item:nth-child(9) .block{background-color:#aeaeae}.item:nth-child(10) .block{background-color:#aaa}.item:nth-child(11) .block{background-color:#666}.item:nth-child(12) .block{background-color:#bfbfbf}.item:nth-child(13) .block{background-color:#c2c2c2}.item:nth-child(14) .block{background-color:#848484}.item:nth-child(15) .block{background-color:#6c6c6c}.item:nth-child(16) .block{background-color:#818181}.item:nth-child(17) .block{background-color:#6a6a6a}.item:nth-child(18) .block{background-color:#747474}.item:nth-child(19) .block{background-color:#b2b2b2}.item:nth-child(20) .block{background-color:#b7b7b7}.item:nth-child(21) .block{background-color:#6d6d6d}.item:nth-child(22) .block{background-color:#8d8d8d}.item:nth-child(23) .block{background-color:#afafaf}.item:nth-child(24) .block{background-color:#6d6d6d}.item:nth-child(25) .block{background-color:#838383}.item:nth-child(26) .block{background-color:#a8a8a8}.item:nth-child(27) .block{background-color:#686868}.item:nth-child(28) .block{background-color:#909090}.item:nth-child(29) .block{background-color:#a7a7a7}.item:nth-child(30) .block{background-color:#747474}.item:nth-child(31) .block{background-color:#919191}.item:nth-child(32) .block{background-color:#9f9f9f}.item:nth-child(33) .block{background-color:#727272}.item:nth-child(34) .block{background-color:#9b9b9b}.item:nth-child(35) .block{background-color:#676767}.item:nth-child(36) .block{background-color:#a4a4a4}.item:nth-child(37) .block{background-color:#828282}.item:nth-child(38) .block{background-color:#797979}.item:nth-child(39) .block{background-color:#787878}.item:nth-child(40) .block{background-color:#bfbfbf}.item:nth-child(41) .block{background-color:#8e8e8e}.item:nth-child(42) .block{background-color:#c6c6c6}.item:nth-child(43) .block{background-color:#6f6f6f}.item:nth-child(44) .block{background-color:#b8b8b8}.item:nth-child(45) .block{background-color:#a8a8a8}.item:nth-child(46) .block{background-color:#a5a5a5}.item:nth-child(47) .block{background-color:#919191}.item:nth-child(48) .block{background-color:#878787}.item:nth-child(49) .block{background-color:#9d9d9d}.item:nth-child(50) .block{background-color:#c5c5c5}.item:nth-child(51) .block{background-color:#b3b3b3}.item:nth-child(52) .block{background-color:#999}.item:nth-child(53) .block{background-color:#adadad}.item:nth-child(54) .block{background-color:#7f7f7f}.item:nth-child(55) .block{background-color:#acacac}.item:nth-child(56) .block{background-color:#a2a2a2}.item:nth-child(57) .block{background-color:#7a7a7a}.item:nth-child(58) .block{background-color:#9d9d9d}.item:nth-child(59) .block{background-color:#8e8e8e}.item:nth-child(60) .block{background-color:#848484}header{text-align:center;background-color:#34495e}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:960px){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 */