h1{text-align:center}table{border-collapse:collapse;width:100%;margin:20px 0;box-shadow:0 2px 10px #0000001a}th,td{text-align:left;border:1px solid #ddd;padding:12px}th{color:#fff;background-color:#4caf50}tr:hover{background-color:#f1f1f1}@media (width<=600px){th,td{box-sizing:border-box;width:100%;display:block}th{position:absolute;left:-9999px}tr{border:none;margin-bottom:10px}}