.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:top,left,opacity;transition-property:transform,opacity}.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}.isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}#container{border:1px solid #666;padding:5px;margin-bottom:20px}.element{width:110px;height:110px;margin:5px;float:left;overflow:hidden;position:relative;background:#888;color:#222;-webkit-border-top-right-radius:1.2em;-moz-border-radius-topright:1.2em;border-top-right-radius:1.2em}.element.alkali{background:red}.element.alkaline-earth{background:#f90}.element.lanthanoid{background:#cbff00}.element.actinoid{background:#32ff00}.element.transition{background:#0f6}.element.post-transition{background:#00feff}.element.metalloid{background:#0065ff}.element.other.nonmetal{background:#3200ff}.element.halogen{background:#cb00ff}.element.noble-gas{background:#ff0098}.element *{position:absolute;margin:0}.element .symbol{left:.2em;top:.4em;font-size:3.8em;line-height:1em;color:#FFF}.element.large .symbol{font-size:4.5em}.element.fake .symbol{color:#000}.element .name{left:.5em;bottom:1.6em;font-size:1.05em}.element .weight{font-size:.9em;left:.5em;bottom:.5em}.element .number{font-size:1.25em;font-weight:700;color:hsla(0,0%,0%,.5);right:.5em;top:.5em}.variable-sizes .element.width2{width:230px}.variable-sizes .element.height2{height:230px}.variable-sizes .element.width2.height2{font-size:2em}.element.large,.variable-sizes .element.large,.variable-sizes .element.large.width2.height2{font-size:3em;width:350px;height:350px;z-index:100}.clickable .element:hover{cursor:pointer}.clickable .element:hover h3{text-shadow:0 0 10px #fff,0 0 10px #fff}.clickable .element:hover h2{color:#fff}