body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background-color:#f5f5f5;color:#333}main{display:flex;justify-content:center;align-items:center}.Div{display:flex;justify-content:center;align-items:center;margin-bottom:20px}#ImpureCalc{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}button{width:120px;height:120px;background-color:#fff;border:1px solid #ddd;border-radius:10px;color:white;font-size:larger;font-weight:bolder;transition:transform 0.3s ease,box-shadow 0.3s ease;margin:5px}button:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}button:active{transform:scale(1)}button:focus{outline:none}button.CopperImg{background-image:url(https://1710-wiki.terrafirmacraft.com/images/d/d7/Grid_Native_Copper_%28Rich%29.png)}button.SilverImg{background-image:url(https://1710-wiki.terrafirmacraft.com/images/1/18/Grid_Native_Silver_%28Rich%29.png)}button.BismuthImg{background-image:url(https://1710-wiki.terrafirmacraft.com/images/8/8b/Grid_Bismuthinite_%28Rich%29.png)}button.ZincImg{background-image:url(https://1710-wiki.terrafirmacraft.com/images/1/17/Grid_Sphalerite_%28Rich%29.png)}button.TinImg{background-image:url(https://1710-wiki.terrafirmacraft.com/images/f/f2/Grid_Cassiterite_%28Rich%29.png)}button.GoldImg{background-image:url(https://1710-wiki.terrafirmacraft.com/images/f/f5/Grid_Native_Gold_%28Rich%29.png)}button.CopperImg,button.SilverImg,button.BismuthImg,button.ZincImg,button.TinImg,button.GoldImg{background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:10px}p{margin:0;font-size:16px}#materialForm{background-color:#fff;padding:20px;border-radius:10px;border:1px solid #ddd;box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;max-width:400px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}label{display:block;margin:10px 0;font-size:16px;cursor:pointer}input[type="radio"]{margin-right:10px}#materialForm button[type="button"]{background-color:#4CAF50;color:white;font-size:18px;font-weight:bolder;width:100%;padding:10px;border:none;border-radius:5px;transition:background-color 0.3s ease}#materialForm button[type="button"]:hover{background-color:#45a049}#result{margin-top:30px;padding:20px;background-color:#fff;border-radius:10px;border:1px solid #ddd;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;width:100%;max-width:400px;margin:20px auto;font-size:18px;font-weight:bold;color:#333;word-wrap:break-word}@media (min-width:769px){#ImpureCalc{flex-wrap:wrap;justify-content:space-evenly;width:1250px}button{width:120px;height:120px}}@media (max-width:768px){#ImpureCalc{flex-wrap:wrap;justify-content:center}button{width:100px;height:100px;margin:10px}}@media (max-width:480px){#ImpureCalc{flex-direction:row;justify-content:center;align-items:center}button{width:90px;height:90px;margin:8px}}