*{margin:0;font-family:Arial,sans-serif;padding:0;box-sizing:border-box;text-decoration:none}.page-container{width:100%;position:relative;min-height:100vh;padding-bottom:70px}#html-light{background-image:url(/background.png)}#html-dark,#html-light{background-position:50%;background-repeat:no-repeat;-webkit-background-repeat:no-repeat;-moz-background-repeat:no-repeat;-o-background-repeat:no-repeat;background-size:cover;min-height:100%}#html-dark{background-image:url(/background-darkmode.png)}button{background-color:#14615d;color:#fff;box-shadow:3px 3px #5a6263}#button-dark,button{padding:5px;font-size:15px;font-weight:700;border:none;cursor:pointer}#button-dark{background-color:#000;box-shadow:3px 3px #777}form{display:flex;flex-direction:column;align-items:center;justify-content:center}.navbar{background-color:#e8eaea}.navbar,.navbar-dark{display:flex;justify-content:space-between;align-items:center;padding:10px}.navbar-dark{background-color:#000}.centerLogo{text-align:center}.centerLogo img{max-width:200px}.rightSide{display:flex;justify-content:flex-end;align-items:center}.homeLink{color:#000}.homeLink,.homeLink-dark{font-size:30px;cursor:pointer}.homeLink-dark{color:#fff}.menuLinks{display:flex;flex-direction:column;align-items:center;position:absolute;top:6.5%;right:0;padding:10px;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s linear .5s;z-index:1}#menuLinks-light{background-color:#dadada;color:#000}#menuLinks-dark{background-color:#000;color:#fff}.menuLinks.show{min-width:150px;opacity:1;margin-left:-10px;visibility:visible;transition:opacity .5s}.menuLinks a{text-decoration:none;margin:10px 0}#nav-text{cursor:pointer;color:#000}#nav-text-dark{cursor:pointer;color:#fff}#mode-switch{padding-top:10px;cursor:pointer}#menu-button{background:none;box-shadow:none}#homePage{width:90%;height:100%;margin:30px auto 0;flex-direction:column;align-items:center}#homePage,.snapShot{display:flex;gap:20px}.snapShot{width:100%;justify-content:center}.homeDetails-container{width:25%;gap:50px;border-radius:30px}.homeDetails,.homeDetails-container{display:flex;flex-direction:column;align-items:center}.homeDetails{text-align:center;padding:50px 0;gap:20px}.snapShotImg{width:75%;max-width:700px}.home-register{width:100%;background-color:#e6842f;color:#000;border-radius:50px;box-shadow:3px 3px #000;padding:7px 10px;font-weight:bolder;transition:.3s ease-out}.home-register:hover{background-color:#eab485;color:#000}.overlay{display:flex;width:100%;justify-content:center}.popup{margin-top:30px;width:300px;background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center}@-moz-document url-prefix(){.login-regForm{display:flex;flex-direction:column;gap:10px}}.close{color:#000;text-decoration:none;cursor:pointer;display:flex;justify-content:flex-end;padding:15px}.link-login-register{font-size:13px}.click-here{color:#14615d;font-weight:bolder;font-size:15px}.input-login-size{width:230px;height:30px;padding:0 5px}.btn-login-register{color:#fff;border-radius:3px;width:80px;height:30px;border-radius:20px;text-align:center;font-weight:bolder}.error-login{margin:5px 0 15px;font-size:12px;color:#14615d}.pw-div{position:relative}.password-vis{background:none;color:#000;box-shadow:none;position:absolute;right:0}.loader{margin-top:150px}.center-container,.loader{display:flex;justify-content:center}.center-container{align-items:center;margin:20px}.popup-create-budget{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3)}.popup-create-budget,.popup-create-budget-dark{width:300px;height:200px;border-radius:5px;padding:10px}.popup-create-budget-dark{background-color:#082c27;box-shadow:0 0 10px #252525;color:#fff;border:1px solid #7f8c8d}.submit-cancel-btn{display:flex;gap:20px;margin-top:10px}.month-year-input{display:block;margin:5px;padding:5px}.budget-section{background-color:#e8eaea}.budget-section,.budget-section-dark{width:90%;margin:20px auto auto;cursor:pointer}.budget-section-dark{background-color:#000;border:1px solid #fff}.budgetYear{background-color:#14615d}.budgetYear,.budgetYear-dark{width:100%;display:flex;justify-content:space-between;color:#fff;padding:5px;border-bottom:1px solid #fff}.monthList{display:block;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.monthList.open{max-height:1000px}.budgetMonth{border-bottom:1px dotted #000;color:#000}.budgetMonth,.budgetMonth-dark{display:flex;justify-content:space-between;padding:15px 15px 5px}.budgetMonth-dark{background-color:#061c19;border-bottom:1px dotted #fff;color:#fff}.budgetMonth:hover{background-color:#e7842d;font-weight:bolder}.budgetMonth-dark:hover{background-color:#965013;color:#fff;font-weight:bolder}#lineChart-container{width:90%;margin:0 auto;padding-top:20px}#lineChart{display:flex;justify-content:center;background-color:#e8eaea;width:80%;margin:20px auto 0;min-height:600px;height:auto;color:purple;font-weight:700}.monthPage{margin:auto;width:90%;display:flex;flex-direction:column;align-items:flex-end}.monthOverview{width:100%;margin-top:20px;background-color:#e8eaea}.monthOverview-dark{width:100%;margin-top:20px;background-color:#000;color:#fff;border:1px solid #fff}.monthYear{background-color:#14615d}.monthYear,.monthYear-dark{display:flex;justify-content:space-between;color:#fff;padding:10px;border-bottom:1px solid #fff}.monthYear-dark{background-color:#000}.monthBreakdown{border-bottom:1px solid #fff;background-color:#595959}.monthBreakdown,.monthBreakdown-dark{display:flex;justify-content:space-between;color:#000;padding:15px 5px 5px 15px;color:#fff;font-weight:700;cursor:pointer}.monthBreakdown-dark{border:1px solid #fff;background-color:#040f0d}.expenseBreakdown{display:flex;flex-direction:column;color:#000}.expenseBreakdown-dark{display:flex;flex-direction:column;color:#fff}.expenseCategory{border-bottom:1px dotted #000;background-color:#14615d}.expenseCategory,.expenseCategory-dark{display:flex;justify-content:space-between;padding:15px 15px 5px;color:#fff}.expenseCategory-dark{border-bottom:1px dotted #fff;background-color:#0e302b}.budgetItem{border-bottom:1px dotted #000}.budgetItem,.budgetItem-dark{display:flex;justify-content:space-between;padding:15px 15px 5px}.budgetItem-dark{border-bottom:1px dotted #fff}.budgetItem:hover{background-color:#e7842d;font-weight:bolder}.budgetItem-dark:hover{background-color:#965013;color:#fff;font-weight:bolder}.goalAmount{display:flex;gap:5px;align-items:center}.goalButton{background-color:#14615d;color:#fff;box-shadow:none;font-weight:700;padding:0 5px}#edit-deleteBox{display:flex;gap:10px;align-items:center}.edit-deleteButton{background-color:#595959;padding:3px;font-size:15px;font-weight:700;border:none;box-shadow:none;cursor:pointer}.budgetForm{display:flex;flex-direction:row;justify-content:space-between;padding:15px 15px 5px;border-bottom:1px dotted #000}#addFunds,.formBox{display:flex;gap:5px}#addFunds{flex-direction:row}#addFunds,#budgetIdButtons{justify-content:space-between}#budgetIdButtons{width:100%;margin-top:15px;display:flex}#addNewButtons{display:flex;gap:10px}.addNewForm{display:flex;gap:5px;padding:15px 0}#newExpense{margin-top:10px}.icon-credit-page{width:20px;height:20px}.wrapper{display:flex;flex-wrap:wrap;justify-content:center}.title h4{color:#333131;border:1px solid hsla(0,0%,100%,.1);border-radius:15px;box-shadow:0 10px 10px rgba(0,0,0,.1)}.title h4,.title-dark h4{text-align:center;margin-left:auto;margin-right:auto;margin-top:20px;width:450px;padding:15px;font-size:30px;font-weight:500;letter-spacing:1.2px;word-spacing:5px;word-wrap:break-word}.title-dark h4{color:#fff;border:1px solid #474747;border-radius:15px;box-shadow:0 10px 10px hsla(0,0%,63%,.168)}.wrapper .card_Container{flex-wrap:wrap;margin:20px 0}.card_Container .card,.wrapper .card_Container{position:relative;justify-content:center;align-items:center}.card_Container .card{height:450px;margin:20px;overflow:hidden;box-shadow:0 30px 30px -20px #000,inset 0 0 0 1000px rgba(67,52,109,.6);border-radius:15px;display:flex}.card .imbBx,.imbBx img{width:100%;height:100%}.card .content{position:absolute;bottom:-100px;width:100%;height:60px;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 -10px 10px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;transition:bottom .5s;transition-delay:.65s;background-color:rgba(0,0,0,.514)}.card:hover .content{bottom:0;transition-delay:0s}.content .contentBx h3{color:#fff;letter-spacing:2px;font-weight:500;font-size:10px;text-align:center;margin:30px 0 15px;line-height:1.5em;transition:.5s;transition-delay:.6s;opacity:0;transform:translateY(-20px)}.card:hover .content .contentBx h3{opacity:1;transform:translateY(0)}.content .social-link{position:relative;bottom:25px;display:flex}.content .social-link li{list-style:none;margin:0 10px;transform:translateY(40px);transition:.5s;opacity:0;transition-delay:calc(.2s * var(--i))}.card:hover .content .social-link li{transform:translateY(0);opacity:1}.notfound{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:50px;gap:20px}.piggy{margin-top:20px;max-height:500px}.footer-copyright{background-color:#14615d}.footer-copyright,.footer-copyright-dark{color:#fff;padding:15px 30px;text-align:center;position:absolute;bottom:0;width:100%;height:40px}.footer-copyright-dark{background-color:#000}.footer-copyright-wrapper{margin-left:auto;margin-right:auto;width:100%}.footer-copyright-text{color:#fff;font-size:13px;font-weight:400;line-height:18px}.footer-copyright-link{color:#fff}@media only screen and (max-width:768px){body{font-size:14px}.budget-sect,.overlay{padding-top:60px}.centerLogo{flex:2 1}.hamburgerMenu{display:block;font-size:20px;margin-right:10px}.rightSide{position:relative}.menuLinks{display:flex;flex-direction:column;position:absolute;top:7%;right:0;background-color:#a1acbb;padding:10px;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s linear .5s;z-index:1}.menuLinks a{margin:10px 0;color:#fff;text-decoration:none}.menuLinks.show{display:flex}.navbar{position:fixed;top:0;width:100%;z-index:1000}.monthPage{padding-top:60px}.monthYear{display:flex;flex-direction:column;align-items:center}.collapsible{border:1px solid #ccc;border-radius:8px;overflow:hidden}.collapsibleHeader{padding:10px;background-color:#f1f1f1;cursor:pointer}.collapsibleContent{padding:10px;display:none}.collapsibleContent.show{display:block}#addNewButtons{display:flex;flex-direction:column;gap:10px}button{padding:10px;font-size:16px}.snapShot{flex-direction:column}.homeDetails-container,.snapShotImg{width:100%}}@media screen and (min-width:768px) and (max-width:1023px){body{font-size:15px}}@media screen and (min-width:1024px){body{font-size:18px}}