.periodic-table{grid-gap:2rem;border-radius:12px;display:flex;display:grid;flex:3 1;float:left;gap:2rem;gap:3px;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(7,1fr);margin-top:0;padding:10px}.container{display:flex;gap:2rem}.element{align-items:center;border:1px solid #ffffff55;border-radius:8px;box-shadow:8px 8px 10px #00000080;color:#000;cursor:pointer;display:flex;flex-direction:column;font-size:14px;height:50px;justify-content:center;width:50px}.atomic-number{color:#000;font-size:10px;opacity:1}.f-block{grid-gap:5px;display:grid;float:left;gap:5px;grid-template-columns:repeat(15,1fr);margin-left:0;margin-top:4px;padding:5px}.periodic-table-container{display:flex;gap:2rem;margin:5px;padding:120px}.element-details{background-color:#f4eaf9;border:2px solid #aa0de9;border-radius:8px;float:right;margin-top:0;padding:1rem;width:250px}.element-block{align-items:center;display:flex;height:50px;justify-content:center;margin:2px;pointer-events:auto;transition:transform .2s ease-in-out;width:50px;z-index:1}.element-block:hover{color:#f71212;cursor:pointer;transform:scale(2)}.text-center{color:#00008b;margin:0;text-align:center}.small-box{border:1px solid #333;border-radius:4px;display:inline-block;height:10px;margin:5px;width:10px}.box-container{display:flex;flex-direction:column;margin-bottom:0;margin-left:15%;position:relative;top:100px}
/*# sourceMappingURL=main.73550434.css.map*/