@import"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400&family=Nunito:wght@300;400;600;700;800;900&family=Russo+One&family=Spartan:wght@700;800;900&display=swap";body{font-family:Nunito,sans-serif;margin:0 32px}main{max-width:900px;margin-inline:auto}*{box-sizing:border-box}.expense-tracker{display:flex;flex-direction:column;gap:35px}.input-container{display:flex;flex-direction:column;margin-bottom:18px;position:relative}.input-container label{font-size:14px;margin-bottom:7px;margin-left:2px}.input-container input{height:40px;font-family:inherit;border-radius:5px;border-color:gray;border-style:solid;padding:15px;border-width:1px}.error-msg{color:red;font-size:12px;position:absolute;top:100%}#category{font:inherit;height:40px;padding:5px 8px;border-radius:5px}.add-btn,.edit-btn{width:100%;height:32px;font-size:18px;font-family:inherit;margin-top:8px;border-radius:5px;border:none;color:#fff;background-color:#198754}.expense-form{width:100%}.expense-table{width:100%;border-collapse:collapse}.expense-table th,.expense-table td{text-align:left;padding:5px 8px}th{background-color:#97c0fe}table>p{background-color:#dc35463f}.expense-table select{width:100%;border:none;outline:none;font:inherit;background-color:#97c0fe}.amount-column div{display:flex}.amount-column span{margin-right:6px}.arrow{transition:transform .2s ease-in-out;cursor:pointer}.up-arrow{margin-left:auto}.up-arrow:active{transform:translateY(-2px)}.down-arrow{margin-left:6px}.down-arrow:active{transform:translateY(2px)}.context-menu{background-color:#fff;border:1px solid;position:absolute;border-radius:4px;overflow:hidden;box-shadow:0 0 12px #0000004d}.context-menu div{padding:2px 8px;cursor:pointer;font-weight:600}.context-menu div:hover{background-color:#ddd}.clear-sort{cursor:pointer}@media (max-width: 900px){body{margin-inline:16px}}