@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");*{box-sizing:border-box;margin:0;font-family:Inter,sans-serif}.main{margin-top:50px}.navbar{background-color:#2aaa8a;height:91px;padding:10px;text-align:center}.box,.wallet-container{display:flex;justify-content:center}.box{background-color:#2aaa8a;border-radius:5px;color:#fff;flex-direction:column;align-items:center;width:350px;height:123px;font-size:36px;position:relative}.wallet-buttons{display:flex;justify-content:space-between}.wallet-buttons>button{background-color:#d1f4eb;width:164px;height:55px;border:none;border-radius:5px;color:#208d72;font-size:24px;cursor:pointer;transition:.3s}.wallet-buttons>button:hover{background-color:#208d72;color:#fff}.icon-same-position{position:absolute;right:85}.icon-different-position{position:absolute;right:15;margin-top:8px}.spendingBox{width:188px;height:109px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#d1f4eb;color:#208d72;font-size:32px;border-radius:5px;position:relative}.addContainer{position:fixed;z-index:99999;background-color:#208d72;color:#fff;width:clamp(200px,40%,400px);border-radius:5px;padding:10px}.addContainer>div{display:flex;justify-content:center;gap:50px;font-size:clamp(1.5rem,2.5vw,4rem)}.hide-add{background-color:inherit;border:none;color:#fff}.addInput{border-radius:10px;border:1px solid #208d72;width:100%;padding:10px;text-align:center;font-size:clamp(.5rem,1.3vw,2rem)}.button-33{margin-top:5px;background-color:#c2fbd7;border-radius:100px;box-shadow:inset 0 -25px 18px -14px rgba(44,187,99,.2),0 1px 2px rgba(44,187,99,.15),0 2px 4px rgba(44,187,99,.15),0 4px 8px rgba(44,187,99,.15),0 8px 16px rgba(44,187,99,.15),0 16px 32px rgba(44,187,99,.15);color:#000;cursor:pointer;display:inline-block;font-family:CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;padding:7px 20px;text-align:center;text-decoration:none;transition:all .25s;border:0;font-size:16px;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-33:hover{box-shadow:inset 0 -25px 18px -14px rgba(44,187,99,.35),0 1px 2px rgba(44,187,99,.25),0 2px 4px rgba(44,187,99,.25),0 4px 8px rgba(44,187,99,.25),0 8px 16px rgba(44,187,99,.25),0 16px 32px rgba(44,187,99,.25);transform:scale(1.05) rotate(-1deg)}.spendingTrackerContainer{width:100%;margin-top:50px}.spendingTrackerContainer,.spendingWrapper{display:flex;justify-content:center;align-items:center}.spendingWrapper{width:clamp(300px,70%,983px);flex-direction:column}.header{width:100%;background-color:#2aaa8a;color:#fff;font-size:32px;display:flex;justify-content:space-around;margin-bottom:10px;padding:5px;border-radius:5px}.card-wrapper{overflow-y:auto;width:clamp(300px,70%,983px);height:413px;border:1px solid #2aaa8a;border-radius:5px}.card{display:flex;justify-content:space-between;width:100%;background-color:#d1f4eb;border:1px solid #2aaa8a;font-size:1.6rem;padding:10px;color:#208d72}.spendingInputs{padding:20px}.spendingInputs,.spendingInputsWrapper{display:flex;justify-content:center;align-items:center}.spendingInputsWrapper>button{color:#d1f4eb;position:relative;font-size:1.3rem}.spendingInputsWrapper>button,.spendingInputsWrapper>input{background-color:#2aaa8a;border:1px solid #d1f4eb;width:170px;height:70px}.spendingInputsWrapper>input{color:#fff;text-align:center;font-size:1.1rem}.spendingInputsWrapper>input::placeholder{color:#fff;text-align:center}.subMenu{color:#208d72;font-size:1.5rem;z-index:999999}.menuItem,.subMenu{list-style-type:none;background-color:#d1f4eb;padding:10px;cursor:pointer}.menuItem:hover{color:#2aaa8a;background-color:#fff}@media only screen and (max-width:800px){.wallet-container{flex-direction:column;align-items:center}.spendingBox{margin:20px}.spendingInputsWrapper{flex-direction:column}}.chartContainer{display:grid;place-items:center;height:100%;width:100%;margin-top:100px}@media only screen and (max-width:500px){.card{flex-direction:column;padding:30px}.icon-different-position,.icon-same-position{position:relative}.header{font-size:18px}.spendingInputs,.wallet-buttons>button{padding:10px}}