html,div,span,object,iframe,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,del,em,img,small,strong,ol,ul,li,label,table{border:0;vertical-align:baseline;margin:0;padding:0}body{position:relative;font:normal 15px/1.8em 'SF UI Text', 'Helvetica Neue', arial, sans-serif;margin:0;padding:0;text-align:center;background-color:#f4f4f4}h1{font-size:3em;font-weight:200;line-height:1.4em;margin:1.25em auto 0.25em;padding:0;max-width:80%}h2,h3{font-weight:200}a{color:#d73c2c}a:hover{color:#ff6651}p{margin-bottom:2em}code{background-color:#fff;border:1px solid #eee;border-radius:2px;padding:2px 4px}.demo-return-link{background-color:#fff;color:#3498db;padding:4px 7px;font-size:13px;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.15);text-decoration:none}.demo-return-link:hover{color:#217dbb}.carbon-img{position:absolute;left:10px;top:10px;display:block}.carbon-img>img{background-color:#ddd}.carbon-text{padding:5px 0;display:block;color:#333;text-decoration:none}.carbon-poweredby{font-size:0.9em;display:block;margin-top:0.5em;color:#333;text-decoration:none}.carbon-ad-container{position:absolute;right:20px;bottom:20px}#carbonads{padding:120px 8px 8px 10px;box-shadow:0 1px 1px rgba(0,0,0,0.4);background-color:rgba(255,255,255,0.5);border-radius:4px;margin:0 auto;max-width:130px;min-height:105px;font-size:12px;line-height:1.5em;margin-top:0;position:relative}@media (max-width: 600px){.carbon-ad-container{right:0;left:0;bottom:15px}#carbonads{padding:4px 4px 4px 150px;text-align:left;margin-top:0;font-size:11px}.carbon-img{left:7px;top:7px}}.highlight .hll{background-color:#ffc}.highlight .c{color:#6c7277;font-style:italic}.highlight .err{color:#a61717}.highlight .k{color:#000000;font-weight:600}.highlight .o{color:#745598;font-weight:600}.highlight .cm{color:#6c7277;font-style:italic}.highlight .cp{color:#999999;font-weight:600;font-style:italic}.highlight .c1{color:#6c7277;font-style:italic}.highlight .cs{color:#999999;font-weight:600;font-style:italic}.highlight .gd{color:#000000;background-color:#fdd}.highlight .ge{color:#000000;font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:600}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .k{color:#745598}.highlight .kc{color:#000000;font-weight:600}.highlight .kd{color:#745598;font-weight:600}.highlight .kn{color:#000000;font-weight:600}.highlight .kp{color:#000000;font-weight:600}.highlight .kr{color:#000000;font-weight:600}.highlight .kt{color:#445588;font-weight:600}.highlight .m{color:#099}.highlight .s{color:#d01040}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#445588;font-weight:600}.highlight .no{color:teal}.highlight .nd{color:#3c5d5d;font-weight:600}.highlight .ni{color:purple}.highlight .ne{color:#990000;font-weight:600}.highlight .nf{color:#990000;font-weight:600}.highlight .nl{color:#990000;font-weight:600}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nx{color:#304054}.highlight .nv{color:teal}.highlight .ow{color:#000000;font-weight:600}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d01040}.highlight .sc{color:#d01040}.highlight .sd{color:#d01040}.highlight .s2{color:#d01040}.highlight .se{color:#d01040}.highlight .sh{color:#d01040}.highlight .si{color:#d01040}.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}.demo-area{width:100%}.demo-section-header{margin-top:2em;margin-bottom:1em}.demo-description{text-align:left;margin:2em 10%}.a-way{width:50%;margin:0;padding:0;float:left}.item{display:inline-block;background-color:#fff;width:120px;height:120px;border-radius:5px;margin:10px}.wrong-item{box-shadow:0 1px 2px rgba(0,0,0,0.15);transition:all .6s cubic-bezier(0.165, 0.84, 0.44, 1)}.wrong-item:hover,.wrong-item:active{box-shadow:0 5px 15px rgba(0,0,0,0.3);transform:scale(1.25, 1.25)}.demo-section-description{color:#888;font-size:13px}.correct-item{box-shadow:0 1px 2px rgba(0,0,0,0.15);position:relative;border-radius:5px;-webkit-transform:translateY(0);transition:all .6s cubic-bezier(0.165, 0.84, 0.44, 1)}.correct-item:after{content:"";border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 5px 15px rgba(0,0,0,0.3);opacity:0;transition:all .6s cubic-bezier(0.165, 0.84, 0.44, 1)}.correct-item:hover:after{opacity:1}.correct-item:hover{transform:scale(1.25, 1.25)}