@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#ec775f;--color-secondary:#87bec4;--text-dark:#382314;--text-light:#93867b;--background-light:#f9ece1}.MainApp{width:600px;margin:0 auto;font-family:DM Sans,sans-serif;font-size:18px}body{background-color:var(--background-light);justify-content:center;align-items:center;height:100dvh;display:flex}.header{background-color:var(--color-primary);color:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex}.header_top p{margin-bottom:7px}.expense_Sec{color:var(--text-dark);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;margin-top:15px;padding:25px;display:flex}.expense_Sec h2{margin-bottom:20px}.chartBox{align-items:flex-end;width:50px;height:200px;display:flex}.chartBoxContainer{justify-content:space-between;padding:0 5%;display:flex}.chart{background-color:var(--color-primary);cursor:pointer;border-radius:5px;width:100%}.chartBoxLayer{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:20px;display:flex}.seperator{background-color:#d9d0d0;border-radius:10px;width:100%;height:2px;margin-top:15px}.expense_bottom{justify-content:space-between;padding:25px 0;display:flex}.expense_bottom p{color:var(--text-light)}.expense_bottomR{align-items:flex-end;display:flex}.spanExpense{visibility:hidden;padding:2px}.todayDate{background-color:var(--color-secondary)}.chart:hover{opacity:.75}.expense_bottomR2nd>*{text-align:end}@media (width<=650px){.MainApp{width:80dvw}.chartBox{width:35px}}@media (width<=475px){.chartBox{width:25px}.expense_bottomL h1{font-size:larger}}