.canvas{background:linear-gradient(to top,transparent 94%,#000 94%) repeat-x,linear-gradient(to bottom,transparent 94%,#000 94%),linear-gradient(to left,transparent 94%,#000 94%) repeat-y,linear-gradient(to right,transparent 94%,#000 94%);background-size:10px;height:170px;width:170px}.plankton{background-color:#2c2e2d;height:10px;width:10px;box-shadow:10px 0 #2c2e2d,90px 0 #2c2e2d,100px 0 #2c2e2d,0 10px #2c2e2d,10px 10px #008543,20px 10px #2c2e2d,80px 10px #2c2e2d,90px 10px #008543,100px 10px #2c2e2d,10px 20px #2c2e2d,20px 20px #008543,30px 20px #2c2e2d,70px 20px #2c2e2d,80px 20px #008543,90px 20px #2c2e2d,20px 30px #2c2e2d,30px 30px #008543,40px 30px #2c2e2d,60px 30px #2c2e2d,70px 30px #008543,80px 30px #2c2e2d,20px 40px #2c2e2d,30px 40px #008543,40px 40px #2c2e2d,50px 40px #2c2e2d,60px 40px #2c2e2d,70px 40px #008543,80px 40px #2c2e2d,30px 50px #2c2e2d,40px 50px #008543,50px 50px #008543,60px 50px #008543,70px 50px #2c2e2d,20px 60px #2c2e2d,30px 60px #008543,40px 60px #008543,50px 60px #03ad55,60px 60px #03ad55,70px 60px #03ad55,80px 60px #2c2e2d,20px 70px #2c2e2d,30px 70px #008543,40px 70px #2c2e2d,50px 70px #2c2e2d,60px 70px #2c2e2d,70px 70px #03ad55,80px 70px #2c2e2d,20px 80px #2c2e2d,30px 80px #008543,40px 80px #fcd808,50px 80px #f9ff43,60px 80px #f9ff43,70px 80px #03ad55,80px 80px #2c2e2d,10px 90px #2c2e2d,20px 90px #008543,30px 90px #008543,40px 90px #fcd808,50px 90px #b02522,60px 90px #f9ff43,70px 90px #03ad55,80px 90px #03ad55,90px 90px #2c2e2d,0 100px #2c2e2d,10px 100px #008543,20px 100px #2c2e2d,30px 100px #008543,40px 100px #fcd808,50px 100px #fcd808,60px 100px #fcd808,70px 100px #03ad55,80px 100px #2c2e2d,90px 100px #03ad55,100px 100px #2c2e2d,0 110px #2c2e2d,10px 110px #008543,20px 110px #2c2e2d,30px 110px #008543,40px 110px #03ad55,50px 110px #03ad55,60px 110px #03ad55,70px 110px #03ad55,80px 110px #2c2e2d,90px 110px #03ad55,100px 110px #2c2e2d,10px 120px #2c2e2d,20px 120px #2c2e2d,30px 120px #008543,40px 120px #03ad55,50px 120px #03ad55,60px 120px #03ad55,70px 120px #03ad55,80px 120px #2c2e2d,90px 120px #2c2e2d,20px 130px #2c2e2d,30px 130px #008543,40px 130px #008543,50px 130px #03ad55,60px 130px #03ad55,70px 130px #03ad55,80px 130px #2c2e2d,30px 140px #2c2e2d,40px 140px #008543,50px 140px #008543,60px 140px #008543,70px 140px #2c2e2d,20px 150px #2c2e2d,30px 150px #008543,40px 150px #2c2e2d,50px 150px #2c2e2d,60px 150px #2c2e2d,70px 150px #008543,80px 150px #2c2e2d,20px 160px #2c2e2d,30px 160px #2c2e2d,40px 160px #2c2e2d,60px 160px #2c2e2d,70px 160px #2c2e2d,80px 160px #2c2e2d}*{box-sizing:border-box}body{font-family:'Roboto',sans-serif;font-weight:300;background-color:#eee;color:#595959}.main{width:100%;padding:30px}.demo{background:#fff;display:inline-block;padding:15px}.demo h2{margin:0 0 15px 0}.link{color:#eb02dd;text-decoration:none;font-weight:300;padding:10px 0;display:inline-block}.link-btn{background:#eb02dd;color:#fff;text-decoration:none;font-weight:300;padding:5px 10px;display:inline-block;transition:opacity .3}.link-btn:hover{opacity:.8}.link:hover{text-decoration:underline}