@font-face { font-family: 'Monopoly'; src: url('kabel.ttf') format('truetype'); font-weight: normal; font-style: normal; } body { font-family: 'Monopoly', sans-serif; text-align: center; margin: 0; padding: 0; } #footer { font-family: sans-serif; margin: 20px auto; max-width: 600px; padding: 20px; } h1 { font-size: 36px; color: white; background-color: red; text-transform: uppercase; margin: 20px auto; max-width: 600px; padding: 20px; border: 5px solid black; } input[type="number"] { width: 80px; } form, .wrap { margin: 20px auto; max-width: 600px; padding: 20px; border: 1px solid gray; } .centered-table { margin: 0 auto; } #setup, #balances, #transactions, #levies, #propertyList { margin: 20px auto; max-width: 600px; padding: 20px; border: 5px solid lightblue; border-radius: 1px; background-color: #c2e4d3; } #setup h2, #balances h2, #transactions h2, #levies h2, #propertyList h2 { font-size: 24px; margin-bottom: 10px; } #output { text-align: center; } #propertyItems li { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .ownershipDropdown { padding: 5px; font-size: 14px; }