html,body{margin:0;padding:0;height:100%;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.header-container{position:relative;display:flex;justify-content:space-between;align-items:center;background-color:#fff;box-shadow:2px 8px 16px #0202021a;padding-left:3rem;padding-right:3rem}.header-h1{padding:0;margin:0;font-size:1.35em}.vanguard-logo{width:100%;max-width:12rem}.header-drop-down-icon{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.5rem}.dropped-down{position:absolute;top:100%;right:0;width:9rem;border:1px solid #ddd;background-color:#fff;box-shadow:0 2px 10px #0000001a;z-index:1000}.dropped-down p{padding:10px;margin:0;border-bottom:1px solid #ddd}.dropped-down p:last-child{border-bottom:none}.dropped-down-item{display:flex;justify-content:center;cursor:pointer;border-radius:10px;height:5vh;align-items:center}.dropped-down-item:hover{background-color:#f5f5f5;color:#333}.dropped-down-item{transition:all .3s ease}a,a:visited{color:inherit;text-decoration:none}.home-container{display:flex;justify-content:center;min-height:100vh}.about-container{min-height:100vh;display:flex;align-items:center;flex-direction:column;width:100%;text-align:center;margin:0 auto;background:rgb(238,174,202);background:radial-gradient(circle,rgba(238,174,202,1) 0%,rgba(232,238,244,1) 100%)}.about-container-header{width:70%;text-align:left;padding-bottom:1.5rem;color:#000;margin:0;font-size:2.75rem}.header-left{display:flex;flex-direction:column;width:35%;font-size:1.2rem}.header-left p{width:75%;margin:0;text-align:left}.about-page-header{display:flex;align-items:center;justify-content:center;height:85vh;gap:5rem}.about-container-header h1{box-shadow:0 2px 5px #0000001a}#animated-img{border-radius:30px;width:90%;margin-top:2rem;height:100%;min-height:50vh;margin-bottom:2rem}.learning-basics-container{width:100%;box-shadow:0 2px 5px #0000001a;border-radius:20px;padding-bottom:7rem}.learning-basics-container h2{color:#cb3333}.about-page-investing-101{background-color:#fff}.investing-101-p{width:50%;text-align:center;margin:0 auto;font-size:1.2rem}.investing-101{margin-top:5rem;margin-bottom:5rem;font-size:2.5rem}.about-page-ul{list-style:none;display:flex;justify-content:space-evenly}.about-page-ul li{text-decoration:none;width:25%;font-size:1.5rem;border-radius:20px;padding:.5rem;box-shadow:2px 4px 10px #0000001a;margin-bottom:3rem;height:100%;min-height:50vh;padding:1.5rem}.item1{background-color:#d2f9f9}.item2{background-color:#c6dff5}.item3{background-color:azure}.ai-page-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;margin-bottom:10rem}.ai-response-container{display:flex;flex-direction:column;align-items:center;max-height:40rem;overflow-y:auto;width:80%;margin:0 auto;padding:1rem;border:1px solid #ddd;border-radius:15px;box-shadow:0 2px 5px #0000001a;min-height:2rem}.textarea-wrapper{display:flex;justify-content:center;align-items:center;gap:1.25rem;margin-top:1.5rem}.ai-response{width:80%;display:flex;justify-content:center;font-size:1.25rem;line-height:2.2rem;white-space:pre-line}.fixed-container{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:100;background-color:inherit;padding:2rem;width:60%;max-width:40rem;box-shadow:0 -2px 5px #0000001a;flex-direction:column;display:flex;justify-content:center;align-items:center;border-radius:15px;min-width:80%}.user-input-box{width:80%;min-width:71vw;resize:none;max-height:6rem;border-radius:10px;padding:1.05rem;font-size:1.15rem;padding-right:40px;max-height:3vh;margin:0}.button-30{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fcfcfd;border-radius:4px;border-width:0;box-shadow:#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;box-sizing:border-box;color:#36395a;cursor:pointer;font-family:JetBrains Mono,monospace;height:48px;justify-content:center;padding-left:16px;padding-right:16px;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;will-change:box-shadow,transform;font-size:18px;width:40%}.button-30:focus{box-shadow:#d6d6e7 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset}.button-30:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;transform:translateY(-2px)}.button-30:active{box-shadow:#d6d6e7 0 3px 7px inset;transform:translateY(2px)}.signup-btn{text-align:center}.signup-form{display:flex;flex-direction:column;align-items:center;margin-top:1rem;margin-bottom:1rem}.error-msg{color:red;font-size:large}.sign-up-par{font-size:1.5rem}.button-q{text-align:left;width:100%;margin:2px 0}.budget-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:#e8eef4;padding-bottom:15rem}.user-input-fields{display:flex;align-items:center}.budget-input-container{position:relative;display:inline-block}.budget-input-container:before{content:"$";position:absolute;left:.8rem;top:45%;transform:translateY(-50%);pointer-events:none}.budget-input{padding:.35rem .35rem .35rem .85rem;border-radius:6px;margin-left:.5rem;font-size:1rem}.dollar-sign{position:relative}.dollar-sign:before{content:"$";position:absolute;top:50%;left:10px;transform:translateY(-50%)}.setup-fixed-spending{text-align:center;margin-top:3rem;margin-bottom:3rem}.user_input{display:flex;align-items:center}.fixed-spending{margin-top:3rem;text-align:left}.fixed-spending-categories li{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;justify-content:space-between}.fixed-spending-input{padding:.55rem;height:25%;width:20%;border-radius:10px;font-size:.95rem}.calculate-btn{cursor:pointer}.button-45{align-items:center;background-color:#ffe7e7;background-position:0 0;border:1px solid #FEE0E0;border-radius:15px;box-shadow:#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;box-sizing:border-box;color:#d33a2c;cursor:pointer;display:flex;font-size:1rem;font-weight:700;line-height:33.4929px;list-style:outside url(https://www.smashingmagazine.com/images/bullet.svg) none;padding:4px 12px;text-align:left;text-decoration:none;text-shadow:none;text-underline-offset:1px;transition:border .2s ease-in-out,box-shadow .2s ease-in-out;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;word-break:break-word}.button-45:active,.button-45:hover,.button-45:focus{outline:0}.button-45:active{background-color:#d33a2c;box-shadow:#0000001f 0 1px 3px inset;color:#fff}.button-45:hover{background-color:#ffe3e3;border-color:#faa4a4}.button-45:active:hover,.button-45:focus:hover,.button-45:focus{background-color:#d33a2c;box-shadow:#0000001f 0 1px 3px inset;color:#fff}.budget-container{text-align:center;height:100%}.calculated-budget{background-color:#e8eef4}.icon-background{background-color:#d6d6e7}.button-89{--b: 3px;--s: .45em;--color: #373B44;padding:calc(.5em + var(--s)) calc(.9em + var(--s));color:var(--color);--_p: var(--s);background:conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));transition:.3s linear,color 0s,background-color 0s;outline:var(--b) solid #0000;outline-offset:.6em;font-size:.75rem;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-89:hover,.button-89:focus-visible{--_p: 0px;outline-color:var(--color);outline-offset:.05em;cursor:pointer}.button-89:active{background:var(--color);color:#fff}.user-budget-feedback{padding:2rem;line-height:3.5rem;font-size:1.5rem}.footer-container{background-color:#ddd;height:auto;flex-shrink:0;padding:3rem 1rem 1rem;display:flex;align-items:center;text-align:left;flex-direction:column}.footer-container h3,.footer-container p{margin:0}@media only screen and (max-width: 768px){.about-page-ul{list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0}.about-page-ul li{width:100%}}