body{font-family:Arial,sans-serif;text-align:center;background-color:#f9f9f9;margin:0}h1,h2{margin:20px 0}.actinide-series,.lanthanide-series,.periodic-table{display:grid;justify-content:center;margin:10px auto;gap:5px}.periodic-table{grid-template-columns:repeat(18,50px)}.actinide-series,.lanthanide-series{grid-template-columns:repeat(15,50px)}.element{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#e6e6e6;border:1px solid #ccc;border-radius:5px;padding:5px;font-size:12px;color:#333;width:50px;height:50px;position:relative}.element:hover{background-color:#d4edda;cursor:pointer}.element .symbol{font-weight:700;font-size:14px}.element .number{position:absolute;top:2px;left:5px;font-size:10px}.element .name{font-size:10px;font-style:italic}