body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/static/media/zoltan-tasi-6vEqcR8Icbs-unsplash.0c430143.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.flex-container{display:flex;flex-direction:row;flex-wrap:wrap;align-content:space-around;margin:20px 100px 0;min-width:500px}.table-element{box-sizing:border-box;border:2px solid transparent;width:5.555%;justify-content:center;align-items:center;padding:3px 0}.element-inner-wrapper{box-shadow:1px 2px 10px;overflow-x:hidden;padding-top:2px;padding-bottom:2px}.element-unknown{background-color:#e9e9e9}.element-diatomic-nonmetal,.element-polyatomic-nonmetal{background-color:#f4fe9e}.element-metalloid{background-color:#cdcd9f}.element-alkali-metal{background-color:#a8ecca}.element-alkaline-earth-metal{background-color:#fbe0b5}.element-transition-metal{background-color:#f7c5c3}.element-post-transition-metal{background-color:#beb5b1}.element-noble-gas{background-color:#add8e6}.element-lanthanide{background-color:#f6c4fb}.element-actinide{background-color:#f3a0cb}.element-undefined{background-color:#fff;color:#fff}.element-number{display:block;text-align:center;font-size:10px;text-decoration:none}.element-symbol{display:block;text-align:center;font-size:14px;font-weight:700}.element-atomic-mass,.element-name{display:none;text-align:center;font-size:8px}.element-shells{display:none;text-align:center;font-size:6px}@media (min-width:1000px){.element-atomic-mass,.element-name{display:block}}@media (min-width:1300px){.element-shells{display:block}}.element-modal-anchor:hover{background-color:inherit}.element-modal-key{display:inline-block;font-weight:600;padding-left:10px;padding-bottom:2px}.element-modal-space-after-key{display:inline-block;width:10px}.element-modal-long-value{width:100%;padding-left:10px;overflow-x:auto}.App{text-align:center}.App-header{background-color:#282c34;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}
/*# sourceMappingURL=main.d59cc72d.chunk.css.map */