.lsw_logo_container a.lsw_logo_link img{box-shadow:none;width:100%}.box-content{bottom:0;padding:0;position:absolute;transform:translateY(100%);transition:all .3s ease 0s;width:94%}.lsw_container:hover .box-content{transform:translateY(-6px)}.box-content .title{color:#000;display:block;font-size:12px;margin:0 0 5px;padding:0;text-align:center}.box-content .read{float:right;display:inline-block;width:100px;height:30px;line-height:30px;color:#fff;text-align:center;background:#1dcfd1}.box-content .read:hover{text-decoration:none}.button{display:inline-block;padding:.5em 1em;margin-bottom:10px;background:#eee;border:none;border-radius:7px;background-image:linear-gradient(to bottom,hsla(0,0%,0%,0),hsla(0,0%,0%,.2));color:#222;font-family:sans-serif;font-size:16px;cursor:pointer}.button:hover{background-color:#8cf;color:#222}.button:active,.button.is-checked{background-color:#28f}.button.is-checked{color:#fff}.button:active{box-shadow:inset 0 1px 10px hsla(0,0%,0%,.8)}.button-group:after{content:'';display:block;clear:both}.button-group .button{float:left;border-radius:0;margin-left:0;margin-right:1px}.button-group .button:first-child{border-radius:.5em 0 0 .5em}.button-group .button:last-child{border-radius:0 .5em .5em 0}.grid{border:1px solid #333;max-width:1200px}.grid:after{content:'';display:block;clear:both}.element-item{position:relative;float:left;width:100px;height:100px;margin:5px;padding:10px;background:#888;color:#262524}.element-item>*{margin:0;padding:0}.element-item .name{position:absolute;left:10px;top:60px;text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}.element-item .symbol{position:absolute;left:10px;top:0;font-size:42px;font-weight:700;color:#fff}.element-item .number{position:absolute;right:8px;top:5px}.element-item .weight{position:absolute;left:10px;top:76px;font-size:12px}.element-item.alkali{background:red;background:red}.element-item.alkaline-earth{background:#f80;background:#f90}.element-item.lanthanoid{background:#ff0;background:#cf0}.element-item.actinoid{background:#0f0;background:#3f0}.element-item.transition{background:#0f8;background:#0f6}.element-item.post-transition{background:#0ff;background:#0ff}.element-item.metalloid{background:#08f;background:#06f}.element-item.diatomic{background:#00f;background:#30f}.element-item.halogen{background:#f0f;background:#c0f}.element-item.noble-gas{background:#f08;background:#f09}