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{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.periodic-table{grid-gap:10px;background-color:#f5f5f5;display:grid;gap:10px;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(10,1fr);padding:10px 10px 60px}.element{background-color:#f5f5f5;border:1px solid #ccc;cursor:pointer;padding:10px;position:relative;text-align:center;transition:transform .2s}.element:hover{transform:scale(1.05);z-index:10}.element.highlighted{background-color:#ff0}.element.reactive{background-color:#90ee90}.element .tooltip{border-radius:5px;color:#000;opacity:0;padding:10px;position:absolute;text-align:left;transition:opacity .3s;visibility:hidden;width:200px;z-index:20}.element .tooltip.bottom{bottom:125%}.element .tooltip.top{top:125%}.element .tooltip.left{left:0;margin-left:0}.element .tooltip.right{left:auto;margin-left:0;right:0}.element .tooltip.center{left:50%;margin-left:-100px}.element:hover .tooltip{opacity:1;visibility:visible}.element .tooltip:after{border-style:solid;border-width:5px;content:"";left:50%;margin-left:-5px;position:absolute}.element .tooltip.bottom:after{border-color:#0000;top:100%}.element .tooltip.top:after{border-color:#0000;bottom:100%}.element .atomic-number{font-size:.8em}.element .symbol{font-size:1.5em;font-weight:700}.element .name{font-size:1em}.element .atomic-mass{font-size:.8em}.details{grid-column:3/span 10;grid-row:1/span 3;margin-top:20px;text-align:center}.discovery,.isotopes,.reactivity{margin-bottom:20px}.reactivity{max-height:70px;overflow-y:auto}.isotopes h3,.reactivity h3{margin-bottom:10px}.isotopes ul,.reactivity ul{list-style-type:none;padding:0}.isotopes li,.reactivity li{background-color:#e0e0e0;border-radius:5px;display:block;margin:0 10px;padding:5px 10px}.nonmetal{background-color:#ffcccb}.metal{background-color:#add8e6}.metalloid{background-color:#90ee90}.unknown{background-color:#d3d3d3}.transition-metal{background-color:#ffa07a}.actinide{background-color:#ffb6c1}.alkaline-earth-metal{background-color:khaki}.alkali-metal{background-color:#e6e6fa}.post-transition-metal{background-color:wheat}.halogen{background-color:#ffeb3b}.noble-gas{background-color:#b0e0e6}.lanthanide{background-color:plum}
/*# sourceMappingURL=main.cbce2980.css.map*/