@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;background:#0d1226;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{background:#0d1226}input,textarea,button{font-family:inherit}.element-card{cursor:pointer;background:#ffffff0a;border:1px solid #38bdf833;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-width:72px;min-height:72px;padding:8px;font-family:Courier New,monospace;transition:all .2s;display:flex;position:relative}.element-card:hover{background:#38bdf80f;border-color:#38bdf899;box-shadow:0 0 12px #38bdf826}.element-card .atomic-number{color:#fff6;font-size:9px;position:absolute;top:4px;left:6px}.element-card .symbol{color:#38bdf8;letter-spacing:-1px;font-size:24px;font-weight:700}.element-card .name{color:#ffffff80;text-align:center;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:8px}.element-card-sm{min-width:52px;min-height:52px;padding:6px}.element-card-sm .symbol{font-size:18px}.element-card-sm .name{font-size:7px}