@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;gap:32px}.expense-form{width:100%}.expense-table{width:100%;border-collapse:collapse;align-self:flex-start}.expense-table select{font:inherit;width:100%;border:none;outline:none}.amount-column div,.title-column div{display:flex}.amount-column span,.title-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)}.expense-table th,.expense-table td{border:1px solid #444;text-align:left;padding:4px 8px}.input-container{display:flex;flex-direction:column;margin-bottom:12px;position:relative}.input-container label{font-size:14px}.input-container input{height:28px;font-family:inherit}.add-btn{width:100%;height:32px;font-size:18px;font-family:inherit;margin-top:8px}.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}#category{font:inherit;height:28px}.clear-sort{cursor:pointer}.error{font-size:12px;color:red;position:absolute;top:100%;margin:0}@media (max-width: 900px){body{margin-inline:16px}.expense-tracker{flex-direction:column}}