:root{--wet-asphalt:#34495e;--midnight-blue:#2c3e50;--concrete:#95a5a6;--asbestos:#7f8c8d;--silver:#bdc3c7;--clouds:#ecf0f1;--belize-hole:#2980b9;--valor-jumbo:#215b85;--v-shield-light:#299bd7;--v-shield-medium:#007cbc;--v-shield-dark:#005498;--v-logo-gray:#363b3f}.toolkit-container{justify-content:center;margin-bottom:0}#toolkit h5{margin-top:2em;width:75%}.periodic{height:200px;margin-bottom:0;margin-left:4em;margin-top:3em;position:relative;text-shadow:none}.periodic-row{clear:both;height:10%}.cell{float:left;height:100%;position:relative;width:5.55%}.element{background-color:rgba(0,128,128,.6);border:1px solid rgba(0,0,0,.05);bottom:1px;box-shadow:0 0 4px hsla(0,0%,100%,.5);box-sizing:border-box;cursor:default;left:0;pointer-events:none;position:absolute;right:1px;text-align:center;top:0;-webkit-transition:all .2s ease;transition:all .2s ease}.cell:hover .element{background-color:rgba(0,128,128,.9);border-color:rgba(0,0,0,.1);-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3);z-index:1}.at_details,.at_num{color:hsla(0,0%,100%,.5);font-size:4px;opacity:0;position:absolute}.at_num{right:5px;top:4px}.symbol{color:hsla(0,0%,100%,.9);font-size:9px;height:9px;left:0;line-height:1;margin-top:-4px;position:absolute;right:0;top:50%}.at_details{bottom:4px;left:0;right:0}.cell:nth-child(-n+16) .element{background-color:var(--asbestos);opacity:80%}.cell:nth-child(-n+13) .element{background-color:var(--v-logo-gray)}.cell:nth-child(-n+9) .element{background-color:var(--v-shield-light)}.cell:nth-child(-n+6) .element{background-color:var(--v-shield-medium)}.cell:nth-child(-n+3) .element{background-color:var(--v-shield-dark)}.cell:nth-child(-n+13):hover .element,.cell:nth-child(-n+16):hover .element,.cell:nth-child(-n+3):hover .element,.cell:nth-child(-n+6):hover .element,.cell:nth-child(-n+9):hover .element{opacity:90%}@media (min-width:600px){.periodic{height:460px}.element{bottom:2px;right:2px}.at_details,.at_num{font-size:4px;opacity:1}.symbol{color:hsla(0,0%,100%,.75);font-size:16px;font-weight:700;height:30px;line-height:30px;margin-top:-17px;text-shadow:0 0 4px hsla(0,0%,100%,.5)}}@media (min-width:768px){.periodic{height:540px}.symbol{font-size:20px}}@media (min-width:992px){.periodic{height:680px}.at_details,.at_num{font-size:5px}.symbol{font-size:24px}}@media (min-width:1200px){.periodic{height:800px}.at_details,.at_num{font-size:6px}.symbol{font-size:30px}}