:root {font-family: Arial, Helvetica, sans-serif;font-size: 16px;box-sizing: border-box;margin: 0;padding: 0;}body, html {min-height: 100vh;scroll-behavior: smooth;text-rendering: optimizeSpeed;line-height: 1.5;margin: 0;padding: 0;}ul[class], ol[class] {list-style: none;}a:not([class]) {text-decoration-skip-ink: auto;}img {max-width: 100%;display: block;}article > * + * {margin-top: 1em;}input, button, textarea, select {font: inherit;}.title {text-align: center;font-size: 24px;padding-bottom: 1em;}.electron {display: flex;flex-direction: column-reverse;max-width: 860px;margin: 0 auto;background-color: #fff;}.energy {display: flex;flex-direction: row;}.orbitals, .empty {display: flex;width: 42px;height: 41px;justify-content: center;align-items: center;outline: 1px solid #aaa;font-size: 2em;line-height: 1em;font-family: monospace;}.orbitals {background-color: #eee;}.empty {outline: none;}.orbitals em {color: #bbb;font-style: normal;}.orbitals i {color: red;font-style: normal;}.drive {padding-top: 1em;}#orbitline {display: block;text-align: center;margin: 0 auto;font-size: 18px;padding-top: 1em;}input[type="range"], #my {width: 464px;display: block;margin: 0 auto;}#element_info {text-align: center;font-size: 24px;}@media screen and (max-width: 979px) {.electron {width: 570px;}.orbitals, .empty {width: 28px;height: 27px;font-size: 1.3em;line-height: 1.3em;}}@media screen and (max-width: 767px) {.electron {max-width: 460px;}.orbitals, .right, .empty {width: 18px;height: 18px;font-size: 0.6em;line-height: 0.6em;}.title {font-size: 14px;font-weight: bold;}#element_info {font-size: 14px;}#orbitline {font-size: 14px;}input[type="range"] {width: 250px;}}.search_element {text-align: center;padding-bottom: 1em;}