.home-page-container{background-color:var(--color-light);height:100vh;width:85vw;position:fixed;top:0;left:15vw;overflow-y:hidden;padding-top:4rem}.home-page-header{border-bottom:1px solid var(--color-dark-gray);display:flex;width:85vw;justify-content:space-between;align-items:center;padding:1rem;position:fixed;top:0;height:4rem;z-index:1000;background-color:var(--color-dark);color:var(--color-light)!important}.home-page-title{font-size:1.3rem;font-weight:500;color:var(--color-light)}.home-page-profile,.home-page-title{display:flex;align-items:center;gap:1rem}.home-page-profile p{display:flex;align-items:center;gap:.3rem}.home-page-profile-image{border-radius:50%;width:40px;height:40px;object-fit:cover;display:flex;justify-content:center;align-items:center;background-color:var(--color-dark-gray);color:var(--color-light)}.home-page-balance{background-color:#f0f0f0;padding:6px 12px;border-radius:8px;font-weight:500}.month-dropdown{border:none;font-size:1.2rem;background:transparent;font-weight:700;text-transform:capitalize;margin-left:.5rem;cursor:pointer;color:var(--color-light)}.month-dropdown option{background-color:var(--color-dark);color:var(--color-light)}@media screen and (max-width:1220px){.home-page-container{width:94vw;left:6vw}.home-page-header{width:94vw}}@media screen and (max-width:800px){.home-page-container{background-color:var(--color-light);height:94vh;width:100vw;position:fixed;top:0;left:0;overflow-y:scroll;padding-top:4rem}.home-page-header{width:100vw}.home-page-profile{gap:.5rem;font-size:.8rem!important}.home-page-profile span{font-size:.9rem!important}.home-page-title.mobile{display:flex!important}.home-page-title{font-size:1rem;gap:.5rem}}