.main-container{background-color:#5a6e7a;padding-top:10px;margin-top:-80px;position:relative;z-index:0;min-height:103vh}.forms-container{display:flex;flex-direction:row;height:450px;margin-top:-30px}.budgetList-container{padding-left:50px}.tracker-title{width:100%;display:flex;justify-content:center;align-items:center;margin-top:90px}.tracker-title h1{font-size:60px;font-family:CustomFont,sans-serif}.budget-input-container{width:50%;border:2px dashed rgb(58,0,58);margin:100px 50px;border-radius:10px;padding:20px;background-color:#e7e5df;height:300px}.budget-input-form{width:100%;display:flex;flex-direction:column}.budget-input{height:40px;font-size:25px;padding-left:10px;background-color:#d3d0cb}.budget-input-button{margin-top:30px;height:45px;width:25%;background-color:#393e41;border-radius:10px;border-width:1px;transition:.3s;color:#d3d0cb}.budget-input-button:hover{background-color:#5f6264;color:#fff;box-shadow:5px 10px #393e41;transform:translateY(-10px)}.expenses-dropdown{height:45px;font-size:25px}.expenses-input-container{width:50%;border:2px dashed rgb(58,0,58);margin:100px 50px;border-radius:10px;padding:20px;background-color:#e7e5df;height:300px}.expenses-input-form{width:100%;display:flex;flex-direction:column}.title-label{font-size:25px;margin-bottom:10px}.input-label{padding-bottom:10px;padding-top:10px;font-size:20px}.expenses-input{height:40px;font-size:25px;padding-left:10px;background-color:#d3d0cb;border:solid;border-width:1px}.expenses-input-button{margin-top:30px;height:45px;width:25%;background-color:#393e41;border-radius:10px;border-width:1px;transition:.3s;color:#d3d0cb}.expenses-input-button:hover{background-color:#5f6264;color:#fff;box-shadow:5px 10px #393e41;transform:translateY(-10px)}.expenses-dropdown{background-color:#d3d0cb}.expenses-input{border:solid;border-width:1px}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.budget-card{border:solid;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:80%;justify-content:space-around;background-color:#cdd0eb;position:relative}.x-button{position:absolute;left:94%;bottom:90%;border-radius:15px;width:90px;height:90px;background-color:#e7e5df}.x-button:hover{background-color:#dbdad8}.x-button:active{background-color:#c5b698}.view-details-link{border:solid;text-decoration:none;background-color:#393e41;color:#d3d0cb;border-color:transparent;border-radius:15px;padding:15px 75px;margin-bottom:20px;transition:.3s}.view-details-link:hover{background-color:#5f6264;color:#fff;box-shadow:5px 10px #393e41;transform:translateY(-10px)}.budget-list-container{display:grid;grid-template-columns:50% 50%;grid-auto-rows:600px;margin-left:40px}.budget-card-container{width:100%;margin:40px}.fade-enter{opacity:0;transform:translateY(-20px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s,transform .5s}.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .5s,transform .5s}.search-input{width:97%;height:50px;background-color:#e7e5df;border-radius:15px;padding-left:20px;font-size:20px;border:2px dashed rgb(58,0,58);margin-top:20px}.budget-card-overview-container{border:solid;border-radius:50px;display:flex;justify-content:center;align-items:center;flex-direction:column;height:80vh;width:30%;justify-content:space-around;background-color:#cdd0eb;position:relative;margin-top:150px;margin-left:30px}.budget-overview-container{min-height:104.2vh;width:100%;margin-top:-100px;background-color:#5a6e7a;display:flex;gap:50px}.budget-overview-container{display:flex;flex-direction:row}.history-overview-container{margin-top:150px;border:solid;display:flex;width:500px;border-radius:50px;background-color:#cdd0eb;flex-direction:column;align-items:center}.navbar-container{top:0;left:0;z-index:100;width:95%;background-color:#fff;height:50px;display:flex;align-items:center;flex-direction:row;justify-content:space-between;padding-left:30px;border:transparent;border-radius:110px;margin-top:15px}.header{display:flex;justify-content:center}.navbar{padding-right:100px;width:40%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px}.nav-link{text-decoration:none;color:#000;margin-right:10px;font-size:20px}.nav-link:hover{color:gray}.nav-link:last-child{margin-right:0}@keyframes appear{0%{transform:scale(.1) translate(-50%,-50%) translateY(0) translate(0);opacity:1}50%{transform:scale(1.5) translate(-50%,-50%) translateY(100px) translate(-50px)}to{transform:scale(.1) translate(-50%,-50%) translateY(0) translate(0);opacity:0}}.achievement-popup{position:absolute;top:0%;left:83%;transform:translate(-50%,-50%);padding:10px;background:transparent;border-radius:50%;opacity:0;pointer-events:none;animation:appear 3s ease-in-out forwards}.achievement-popup img{width:100px;height:auto;background:transparent}.show-achievement{animation:appear 2s ease-in-out forwards}@keyframes tabAppear{0%{transform:translateY(0) translate(0);opacity:0}25%{transform:translateY(50px) translate(0);opacity:1}50%{transform:translateY(100px);opacity:1}75%{transform:translateY(50px) translate(0);opacity:1}to{transform:translateY(0) translate(0);opacity:0}}.achievement-tab{position:absolute;width:30%;height:30%;background-color:#364a8b;left:35%;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:20px;animation:tabAppear 3s ease-in-out forwards}.show-achievement-tab{animation:tabAppear 2s ease-in-out forwards}@font-face{font-family:CustomFont;src:url(/assets/Zyzol-7nr0RZl0.otf);font-weight:400;font-style:normal}.home-container{height:104.2vh;background-color:#afabe4;background-size:5000px;margin-top:-100px}.home-text{font-size:200px;color:#fff;position:absolute;left:100px;top:100px;font-family:CustomFont,sans-serif}.welcome-text{font-size:40px;color:#fff;position:absolute;left:190px;top:325px;font-family:CustomFont,sans-serif}.info-container{background-color:#eae8fcbd;position:absolute;top:400px;width:40%;height:35%;left:115px;font-family:CustomFont,sans-serif}.wave-container{width:100%;height:50%;background:url(/assets/wave-Bxbr77dJ.svg);position:absolute;bottom:0}.contact-container{position:absolute;background-color:#eae8fcbd;height:50%;width:40%;top:200px;left:1000px;font-family:CustomFont,sans-serif;color:#5d4e6d}.contact-container h1{margin-left:30px;margin-top:10px}.contact-container h2{margin-left:60px}.login-page-container{background-color:#cec9ff;padding-top:10px;margin-top:-80px;position:relative;z-index:0;min-height:100.6vh;display:flex;justify-content:center}.login-container{background-color:#fff;display:flex;height:40vh;margin-top:125px;width:50%;border:transparent;border-radius:1000px;justify-content:center;align-items:center}.login-form{display:flex;flex-direction:column;align-items:center;gap:10px}.create-account-link{text-decoration:none;color:#3d3d3d}.create-account-link:hover{color:#9e9e9e}.createaccount-page-container{background-color:#cec9ff;padding-top:10px;margin-top:-80px;position:relative;z-index:0;min-height:100.6vh;display:flex;justify-content:center}.createaccount-container{background-color:#fff;display:flex;height:40vh;margin-top:125px;width:50%;border:transparent;border-radius:1000px;justify-content:center;align-items:center}.createaccount-form{display:flex;flex-direction:column;align-items:center;gap:10px}.login-link{text-decoration:none;color:#3d3d3d}.login-link:hover{color:#9e9e9e}.profile-page-container{background-color:#cec9ff;padding-top:10px;margin-top:-80px;position:relative;z-index:0;min-height:100.6vh;display:flex;flex-direction:row;gap:40px}.profile-container{background-color:#fff;height:60vh;margin-top:125px;width:30%;border:transparent;margin-left:100px;margin-top:20vh;border-radius:10px;border:solid;border-width:1px;border-color:#3d3583;display:flex;align-items:center;flex-direction:column}.username-container{margin-top:30px;width:100%;height:65%}.username-container h2{margin-left:20px}.achievement-container{margin-top:20vh}.achievement-item{display:inline-block;margin:10px}.achievement-image{transition:transform .2s}.achievement-image:hover{transform:scale(1.1)}.blog-creator-page-container{background-color:#cec9ff;padding-top:10px;margin-top:-80px;position:relative;z-index:0;min-height:100.6vh;width:100%}.card{display:flex;justify-content:center;width:100%;margin-top:75px}.tiptap-container{width:80vw;height:80vh;border:1px solid #ccc;border-radius:8px;padding:20px;background-color:#fff;box-shadow:0 0 10px #0000001a;overflow-y:auto}.menu{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.menu button,.menu select{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:14px;transition:background-color .3s}.menu button:hover{background-color:#0056b3}.menu select{border:1px solid #ccc;padding:8px;border-radius:4px}.menu select:focus{outline:none;border-color:#007bff}.menu button:disabled{background-color:#ccc;cursor:not-allowed}.bloghub-page-container{background-color:#cec9ff;padding-top:10px;margin-top:-80px;position:relative;z-index:0;min-height:100.6vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.blogs-list-container{margin-top:100px;display:flex;flex-direction:row;gap:40px}.scholarship-container,.blog-list-container{padding:20px;width:45%;background-color:#f9f7ff;border-radius:10px;box-shadow:0 4px 8px #0000001a}.scholarship-container h1,.blog-list-container h1{color:#3d3583}.blog-creator-button{align-self:flex-start;margin-top:20px;background-color:#3d3583;color:#fff;transition:background-color .3s ease}.blog-creator-button:hover{background-color:#4f4691}.create-blog-container{width:60%}.blog-container{background-color:#cec9ff;padding-top:10px;margin-top:-80px;position:relative;z-index:0;min-height:100.6vh;display:flex;justify-content:center}.blog-content{margin-top:100px;padding-left:40px;background-color:#fff;width:94%;border-radius:20px;padding-top:20px;height:auto;font-family:Roboto,Helvetica,Arial,sans-serif;position:relative}*{margin:0}.pixelify-sans-normal{font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.signika-negative-bold{font-family:Signika Negative,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.work-sans-bold{font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.averia-gruesa-libre-regular{font-family:Averia Gruesa Libre,system-ui;font-weight:400;font-style:normal}.inconsolata-normal{font-family:Inconsolata,monospace;font-optical-sizing:auto;font-weight:650;font-style:normal;font-variation-settings:"wdth" 100}