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}.modal-overlay{background-color:#000;height:100%;left:0;opacity:1;position:fixed;top:0;width:100%;z-index:-10}.wrapper{z-index:10}.main-container{align-items:center;display:flex;justify-content:space-between;padding-top:110px}:root{--light-text-color:#fafad2;--light-bg-color:#fafad2;--dark-text-color:#00008b;--dark-bg-color:#00008b}.header-container{align-items:center;display:flex;height:100px;justify-content:space-between;padding:0 40px;width:100%}.container-dark{background-color:#00008b;background-color:var(--dark-bg-color);color:#fafad2;color:var(--light-text-color)}.container-light{background-color:#fafad2;background-color:var(--light-bg-color);color:#00008b;color:var(--dark-text-color)}.logo-container{align-items:center;display:flex;gap:10px;justify-content:space-between;width:10%}.logo-container-dark{color:#fafad2}.logo-container-light{color:#00008b}.logo-container span{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:30px;font-style:italic}.logo-text-dark{color:#fafad2}.logo-text-light{color:#00008b}.navlink-group{gap:15px;height:100px;padding:0 20px}.navlink,.navlink-group{align-items:center;display:flex}.navlink{border-bottom:5px solid transparent;cursor:pointer;font-size:25px;height:100%;transition:all .5s}.navlink-dark{background-color:#00008b;color:#fafad2}.navlink-light{background-color:#fafad2;color:#00008b}.navlink-dark:hover{border-color:gold;color:gold;font-weight:700}.navlink-light:hover{font-weight:700}.is-active,.navlink-light:hover{border-color:#00008b;color:#00008b}.navlink{background-color:inherit;color:inherit;text-decoration:none}.button-group{align-items:center;display:flex;gap:5px;justify-content:space-between}.navbutton{background-color:#d3d3d3;border:none;border-radius:10px;box-shadow:2px 2px 5px #000;height:80px;width:80px}.search-active{background-color:#ff0}input.animated{border-radius:10px;font-size:30px;height:80px;padding:30px 20px;transition:all 1s linear;width:500px}.display-none{display:none}button+input.animated{width:500px}.navbutton-layout{border-radius:0;box-shadow:none;height:auto;padding:0;width:auto}.navbutton:active{border-style:inset;box-shadow:none}.navbutton img{height:100%;width:100%}i{-webkit-transform:scale(4);transform:scale(4)}@media (max-width:1100px){.logo-container span,.navlink-group{display:none}}.pt-container{border-radius:10px;box-shadow:2px 2px 3px #000;display:grid;flex:1 1 auto;grid-template-columns:repeat(19,1fr);grid-template-rows:repeat(8,1fr);height:100%;margin:5px;overflow:scroll;padding:10px 20px;position:relative;width:100%}.legend-box{background-color:#d3d3d3;border:thick ridge #000;display:flex;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;gap:5px;height:180px;left:300px;padding:10px 15px;position:absolute;top:80px;width:750px}.state-of-matter-selector{display:grid;grid-template:repeat(4,1fr) /50px 1fr;height:100%;width:30%}.legend-dark{background-color:azure;border-color:#ff0}.legend-light{background-color:#d3d3d3;border-color:#000}.som-grid-item{align-items:center;border:thin solid #000;display:flex;justify-content:center}.som-button:hover{border-color:#f0f;border-style:double;cursor:pointer}.solid-button{background-color:red}.liquid-button{background-color:green;border-top:none}.gas-button{background-color:blue;border-top:none}.unknown-button{background-color:#ff0;border-top:none}.gas-label,.liquid-label,.unknown-label{border-left:none;border-top:none}.som-label{background-color:#fff}.solid-label{border-left:none}@-webkit-keyframes move{0%{-webkit-transform:rotate3d(0deg);transform:rotate3d(0deg)}to{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes move{0%{-webkit-transform:rotate3d(0deg);transform:rotate3d(0deg)}to{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.dark-bg{background-color:#000}.light-bg{background-color:#fff}.pt-element-container{align-items:center;background-color:#fff;border:thin solid transparent;display:flex;flex-direction:column;justify-content:space-evenly;position:relative}.dark-border{border-color:#000}.light-border{border-color:#fff}.filler{position:relative}.column-label,.filler,.row-label{background-color:initial;border:none}.column-label,.row-label{align-items:center;display:flex;justify-content:center}.column-label{padding:20px 0}.row-label{padding:0 20px}.g1{background-color:#ffa07a}.g2{background-color:#ff0}.tr-metal{background-color:pink}.light-border{border:2px solid #fff}.dark-border{border:2px solid #000}.light-text{color:#fff}.dark-text{color:#000}.element-container{align-items:flex-start;border:2px solid #000;display:flex;flex-direction:column;font-size:10px;height:100%;justify-content:space-evenly;padding:5px 10px;width:100%}.element-container:not(.is-active):hover,.is-active{border-color:#f0f}.symbol-display{font-size:20px;font-weight:900;text-shadow:1px 1px 2px grey}:root{--temp-bar-height:50px}.temp-slider-container{align-items:center;display:flex;gap:10px;justify-content:space-between;width:700px}.container label{font-size:2rem;margin-right:5px}.container button{align-items:center;background-color:#fff;border-radius:5px;cursor:pointer;display:flex;font-size:2rem;justify-content:center;padding:10px 20px}.temp-bar{background:linear-gradient(90deg,blue,#fff,#ff0,orange,red);position:relative;width:100%}.temp-bar,.temp-selector{height:50px;height:var(--temp-bar-height)}.temp-selector{background-color:#fff;border-radius:50%;box-shadow:1px 1px 4px #000;cursor:move;position:absolute;width:50px;width:var(--temp-bar-height)}:root{--table-container-height:100%;--table-container-width:100%;--col-width:50px}.table-container{display:grid;grid-template-areas:"metals metals metals metals metals metals metalloids nonmetals nonmetals" "alkali-metals alkaline-earth-metals lanthanoids lanthanoids trans-metals post-trans-metals metalloids reactive-non-metals noble-gases" "alkali-metals alkaline-earth-metals lanthanoids lanthanoids trans-metals  post-trans-metals metalloids reactive-non-metals noble-gases" "alkali-metals alkaline-earth-metals actinoids actinoids trans-metals  post-trans-metals metalloids reactive-non-metals noble-gases" "alkali-metals alkaline-earth-metals actinoids actinoids trans-metals  post-trans-metals metalloids reactive-non-metals noble-gases";height:100%;height:var(--table-container-height);position:relative;width:100%;width:var(--table-container-width)}.grid-item{align-items:center;display:flex;justify-content:center}.metals-label,.nonmetals-label{background-color:#fff;border:2px solid;border-color:#000 #000 transparent;border-top-left-radius:5px;border-top-right-radius:5px}.metals-label{grid-area:metals;position:inherit}.metalloids-selector{background-color:teal;grid-area:metalloids;position:inherit;width:50px}.column-text{display:inline-block;font-size:20px;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:100px}.nonmetals-label{grid-area:nonmetals;position:inherit}.alkali-metals-selector{background-color:#daa520;grid-area:alkali-metals;margin-left:0;position:inherit}.alkaline-earth-metals-selector{background-color:#ff0;grid-area:alkaline-earth-metals;position:inherit}.transition-metals-selector{background-color:coral;grid-area:trans-metals}.post-transition-metals-selector,.transition-metals-selector{position:inherit;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.post-transition-metals-selector{background-color:aqua;grid-area:post-trans-metals;margin-right:0}.lanthanoids-selector{background-color:#deb887;grid-area:lanthanoids;position:inherit}.actinoids-selector{background-color:#9932cc;grid-area:actinoids;position:inherit}.reactive-nonmetals-selector{background-color:#7cfc00;grid-area:reactive-non-metals;position:inherit;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.noble-gases-selector{background-color:plum;grid-area:noble-gases;position:inherit;width:50px;width:var(--col-width)}.sidebar-container{background-color:#d3d3d3;border:2px solid #000;border-radius:10px;display:flex;flex:1 0 30%;gap:10px;height:100%;justify-content:flex-start;padding:10px 5px;width:100%}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.sidebar-container>div:not(.element-thumbnail){flex:1 0 30%;max-width:350px}.info-container{align-items:center;border:2px solid transparent;display:flex;justify-content:space-between;padding:2px 4px}.state-selector{background:#add8e6;border:none;border-radius:10px;color:#000;cursor:pointer;font-size:16px;height:40px;padding:0 15px;position:relative;text-align:left;text-transform:capitalize;width:100px}.info-container:hover{border:2px solid #f0f;cursor:pointer}.info-container label:hover{cursor:pointer}.element-thumbnail{background-color:#adff2f;border:10px ridge green;display:flex;flex-direction:row;gap:2px;height:200px;justify-content:space-between;padding:10px;width:200px}.element-thumbnail-left{display:flex;flex-direction:column;gap:5px}.element-thumbnail-right{display:flex;flex-direction:column;gap:2px}.symbol-text{font-size:80px;font-weight:700}.atomic-weight-text,.name-text{font-size:20px}.container{align-items:center;display:flex;flex-direction:row;gap:3px;height:100%;justify-content:space-between;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:20}.container input{border:none;flex:0 1 auto;font-size:20px;padding:10px 15px;width:100px}.container .button-group{display:flex;flex:0 1 10%;flex-direction:column;gap:1px}.container a{align-items:center;background-color:#add8e6;border:none;cursor:pointer;display:flex;flex:1 1 50%;font-size:20px;font-weight:800;justify-content:center;padding:1px 10px}.container label{flex:0 0 auto}.unit-selector{background:#add8e6;border:none;border-radius:10px;color:#000;cursor:pointer;font-size:16px;height:40px;padding:0 15px;position:relative;text-align:left;text-transform:capitalize;width:50px}*{box-sizing:border-box;margin:0;padding:0}.modal-window{background-color:#fff;border:ridge #000;height:70%;left:15%;padding:10px 20px;position:absolute;top:20%;width:70%;z-index:-9}.modal-window iframe{height:100%;width:100%}.modal-exit-button{align-items:center;background:radial-gradient(#000,#fff);border:thin solid beige;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:40px;height:45px;justify-content:center;position:absolute;right:-20px;top:-20px;width:45px}.loading-container{-webkit-animation:rotate 1s linear 0ms infinite forwards;animation:rotate 1s linear 0ms infinite forwards;background-color:initial;border-color:purple transparent;border-radius:50%;border-style:solid;border-width:30px;height:200px;left:40%;position:absolute;top:30%;width:200px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--s-block-color:coral;--p-block-color:aqua;--d-block-color:#90ee90;--f-block-color:plum;--s-block-label-font-size:30px;--d-block-label-font-size:30px;--s-block-config-container-width:100px;--s-block-config-container-height:150px;--p-block-config-container-width:200px;--p-block-config-container-height:300px}.ec-diagrams-container{align-items:flex-start;background-color:#fff;display:flex;height:100%;padding:150px 40px 0;width:100%}.block-label-containers{display:flex;flex-direction:column;gap:5px;height:500px;justify-content:flex-start;width:200px}.block-label-container{align-items:center;display:flex;gap:5px}.block-thumbnail{align-items:center;border:thin solid #000;display:flex;font-size:30px;height:50px;justify-content:center;width:50px}.s-block{background-color:coral;background-color:var(--s-block-color)}.p-block{background-color:aqua;background-color:var(--p-block-color)}.d-block{background-color:#90ee90;background-color:var(--d-block-color)}.f-block{background-color:plum;background-color:var(--f-block-color)}.s-block-config-container{grid-row-gap:5px;display:grid;grid-template:repeat(7,1fr) /repeat(2,1fr);height:150px;height:var(--s-block-config-container-height);margin-right:50px;margin-top:200px;row-gap:5px;width:100px;width:var(--s-block-config-container-width)}.s-block-item-label{align-items:center;display:flex;font-size:30px;font-size:var(--s-block-label-font-size);justify-content:center}.s-block-item-electrons{background-color:coral;background-color:var(--s-block-color);border:thin solid #000}.p-block-config-container{grid-row-gap:5px;grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;display:grid;grid-template:repeat(6,1fr) /repeat(4,1fr);height:300px;height:var(--p-block-config-container-height);margin-right:20px;margin-top:120px;row-gap:5px;width:200px;width:var(--p-block-config-container-width)}.p-block-item-label{align-items:center;display:flex;font-size:30px;font-size:var(--s-block-label-font-size);justify-content:center}.p-block-item-electrons{background-color:aqua;background-color:var(--p-block-color);border:thin solid #000}.d-block-config-container{grid-row-gap:5px;grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;display:grid;grid-template:repeat(4,1fr) /repeat(6,1fr);height:300px;margin-right:50px;margin-top:30px;row-gap:5px;width:350px}.d-block-item-label{align-items:center;display:flex;font-size:30px;font-size:var(--d-block-label-font-size);justify-content:center}.d-block-item-electrons{background-color:#90ee90;background-color:var(--d-block-color);border:thin solid #000}.f-block-config-container{grid-row-gap:5px;grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;display:grid;grid-template:repeat(2,1fr) /repeat(8,1fr);height:150px;margin-top:20px;row-gap:5px;width:450px}.f-block-item-label{align-items:center;display:flex;font-size:30px;font-size:var(--d-block-label-font-size);justify-content:center}.f-block-item-electrons{background-color:plum;background-color:var(--f-block-color);border:thin solid #000}.main-container{background-color:#fff;height:100%;width:100%}
/*# sourceMappingURL=main.b4d62223.css.map*/