text.element-symbol{font-size:86px;fill:#fff}text.element-property{font-size:36px;fill:#fff}text.element-large{font-size:24px;text-anchor:middle}text.element-small{font-size:10px}rect.actinide{fill:#dac}rect.alkali_metal{fill:#fa0}rect.alkaline_earth_metal{fill:#f3f300}rect.halogen{fill:#0db}rect.lanthanide{fill:#fa8}rect.metalloid{fill:#5c5}rect.noble_gases{fill:#6af}rect.nonmetal{fill:#0e0}rect.post_transition_metal{fill:#9ba}rect.transition_metal{fill:#d99}rect.s_block{fill:#f99}rect.p_block{fill:#fdff8c}rect.d_block{fill:#9cf}rect.f_block{fill:#9bff99}rect.solid_state{fill:#888}rect.liquid_state{fill:#448aff}rect.gas_state{fill:#ff5252}rect.unknown{fill:#bbb}.element-container{display:flex}.element-image-column{width:70px;height:70px}.element-text-column{flex-grow:1;padding-left:10px}.correct{color:green;font-weight:700}.incorrect{color:red;font-weight:700}.grade-a{color:green;font-weight:700}.grade-b{color:#00f;font-weight:700}.grade-c{color:orange;font-weight:700}.grade-d{color:gray;font-weight:700}.grade-f{color:red;font-weight:700}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.info-canvas{position:absolute;left:0}.back-button{position:absolute;left:0;color:#fff;padding-top:10px}rect.orgcomp{fill:#2e7d32}rect.acid{fill:#cddc39}rect.bromide{fill:#b71c1c}rect.chloride{fill:#004d40}rect.boride{fill:#00838f}rect.fluoride{fill:#dd2c00}rect.hydroxide{fill:#0091ea}rect.iodide{fill:#1e88e5}rect.nitrate{fill:#304ffe}rect.nitride{fill:#1a237e}rect.oxide{fill:#ffd600}rect.phosphate{fill:#8d6e63}rect.phosphide{fill:#ec407a}rect.selenide{fill:#a0f}rect.sulfate{fill:#ff3d00}rect.sulfide{fill:#3e2723}rect.acetate{fill:#6d4c41}rect.carbonate{fill:#ff6f00}rect.hydride{fill:#ffab00}rect.telluride{fill:#2962ff}rect.carbide{fill:#ff1744}rect.chromate{fill:#00acc1}rect.cyanide{fill:#689f38}rect.silicate{fill:#ff6d00}rect.molybdate{fill:#ef6c00}rect.chlorate{fill:#00796b}rect.silicide{fill:#ff8a80}rect.iodate{fill:#afb42b}rect.unclassified{fill:#607d8b}