body{margin:0;padding:0}#myInput{border:1px solid #6d6d6d;box-sizing:border-box;font-size:16px;padding:12px 20px 12px 40px;width:95%}#myInput,#myTable{box-shadow:0 5px 5px #1f1f1f;margin:10px auto}#myTable{background-color:#e2e2e2;border:1px solid #ddd;border-collapse:collapse;border-radius:10px;font-family:Times New Roman,Times,serif;font-size:18px;font-weight:700;width:100%}#myTable td,#myTable th{padding:12px;text-align:left}#myTable tr{border-bottom:1px solid #ddd}#myTable tr.header,#myTable tr:hover{background-color:#f1f1f1}.expanded-row{background-color:#f2f2f2;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.expanded-row.show{max-height:500px}.expanded-row td{padding:10px}.expanded-row textarea{background:inherit;border:none;box-sizing:border-box;resize:vertical;width:100%}@media (max-width:600px){#myInput{width:90%}#myTable{font-size:14px}#myTable td,#myTable th{padding:8px}}