body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;color:#0f0f0f;display:flex;flex-direction:column;font-size:calc(5px + 2vmin);height:6vh;justify-content:center;margin:10px}h1{font-weight:500}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.periodic-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px));justify-content:center}.element{border:.1px solid #000;cursor:pointer;display:grid;font-size:7px;height:62px;padding:5px;position:relative;width:65px}sup{font-size:3px}.ionization-energy{line-height:80%}.sep{grid-column:4;grid-row:span 4;width:34px}.sep1{grid-column:span 10;grid-row:8;height:34px}.electronegativity{line-height:80%;margin-left:6px}.atomic-weight{font-size:9px;font-weight:600;grid-column:1;grid-row:1;line-height:8px;text-align:left}.ionization-energy{grid-column:1;grid-row:2;line-height:10%;margin-top:-4px;text-align:left}.oxidation-states{font-size:5px;font-weight:700;grid-column:4;grid-row:span 4;line-height:5px;margin-top:-45px;text-align:right}.atomic{display:flex;grid-row:2}.electronegativity{grid-column:1;grid-row:2;line-height:10%;margin-left:3px;margin-top:-4px}.atomic-number{font-size:20px;font-weight:600;grid-column:span 3;grid-row:1;line-height:80%;text-align:right}.electron-configuration{font-size:6px;font-weight:500;grid-column:span 4;grid-row:6;letter-spacing:-.5px;text-align:left}.name{font-size:7px;font-weight:300;grid-column:span 3;grid-row:4;line-height:7px;text-align:left}.russian-name{font-size:9px;font-weight:600;grid-column:span 4;grid-row:5;line-height:10px;text-align:left}.chemical-symbol{font-size:26px;font-weight:500;grid-column:1;grid-row:3;line-height:99%;margin-top:-2px;text-align:left}.flex{display:inline-flex}.color-item>span{padding:3px 0 5px}.q{border:1px solid #000;height:15px;margin-right:10px;width:15px}.colors-table{display:flex;flex-wrap:wrap;font-size:12px;justify-content:space-between}.colors{margin:auto;padding:10px 20px 7px}.q-alkali-metals{background-color:#f55c66}.q-alkaline{background-color:#fdebc4}.q-lanthanides{background-color:#fccafc}.q-actinides{background-color:#fcabbf}.q-transition{background-color:#ffccce}.q-post{background-color:#ccc}.q-metalloids{background-color:#cfcfab}.q-reactive{background-color:#f6ff99}.q-noble{background-color:#b8faf9}.q-halogens{background-color:#7fffd4}.color-item{align-items:center;display:flex}.element-s{background-color:#ffccce;border:1px solid #444;display:grid;height:120px;margin:auto 0 -190px 490px;max-width:120px;min-height:120px;padding:6px 7px;position:relative;text-align:left;width:10%}.atomic-weight-s{font-size:12px;font-weight:600;grid-column:1;grid-row:1}.electronegativity-s,.ionization-energy-s{font-size:10px;grid-column:1;grid-row:2;line-height:10%;margin-top:-6px}.electronegativity-s{margin-left:34px}.oxidation-states-s{font-size:8px;grid-column:4;grid-row:span 10;line-height:9px;margin-top:10px;text-align:right}.atomic-s{display:flex;grid-row:2}.atomic-number-s{font-size:2em;font-weight:600;grid-column:span 3;grid-row:1;line-height:80%;text-align:right}.electron-configuration-s{font-size:10px;grid-column:span 3;grid-row:6}.name-s{font-size:25px;font-weight:300;grid-column:span 3;grid-row:4;line-height:50%}.russian-name-s{font-size:23px;grid-column:span 2;grid-row:5}.symbol-s{font-size:2.6em;font-weight:500;grid-column:1;grid-row:3;margin-top:-4px}.electron-configuration-s>sup{font-size:7px}.left-signs{display:grid;font-size:8px;font-weight:500;grid-template-columns:1fr 40px;grid-template-rows:repeat(6,1fr);height:166px;margin:60px auto -200px 325px;text-align:right;width:160px}.left-signs>p{grid-column:1}.e-conf-table{margin-top:-175px;padding-inline-start:40px;width:12em}.notes-li{font-size:8px;text-align:left}.h-electron{font-size:9px;font-weight:300}.notes{font-size:12px;margin:10px 0 0;text-align:left}.letter-notes-p{padding-top:-10px}.mini-table{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:repeat(17,.5fr);grid-template-rows:repeat(10,.5fr);height:100px;width:12em}.div1{border-bottom:.5px solid #000;border-left:.5px solid #000;border-top:.5px solid #000;grid-area:1/1/9/2}.div2{grid-area:2/2/9/3}.div2,.div3{border-bottom:.5px solid #000;border-right:.5px solid #000;border-top:.5px solid #000}.div3{grid-area:4/3/9/4}.div4{border-bottom:.5px solid #000;border-left:.5px solid #000;border-top:.5px solid #000;grid-area:4/5/9/14}.div4,.div5{text-align:left}.div5{border:.5px solid #000;grid-area:2/14/9/18}.div6{border-left:.5px solid #000;border-right:.5px solid #000;border-top:.5px solid #000;grid-area:1/17/2/18}.div7{border:.5px solid #000;grid-area:12/5/14/17;text-align:left}.letter-notes{padding:3px}.div1,.div2,.div6{background-color:#f99}.div3,.div4{background-color:#9cf}.div5{background-color:#fbfe8b}.div7{background-color:#9bfb9b}@media screen and (max-width:800px){.periodic-table{justify-content:normal;overflow-x:scroll;padding:30px 20px 10px}.iron-element{display:none}.e-conf-table{margin:0 auto;padding-inline-start:0;width:auto}.mini-table{height:150px;margin-left:25%;padding:10px;width:15em}.h-electron{font-size:12px;font-weight:500;margin:10px}.notes-block{margin-bottom:30px;padding:0 30px}.notes-li{font-size:12px;padding-inline-start:16px}}
/*# sourceMappingURL=main.5c33cf22.css.map*/