@import url(https://fonts.googleapis.com/css2?family=IM+Fell+English&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body,h1,h2,h3,li,p,ul{margin:0;padding:0}*{font-family:montserrat}.App{text-align:center}.App-header{align-items:center;border-radius:20px;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);height:50px;justify-content:center;margin-top:40px}nav{background-color:#1c819e;height:100%;position:relative;top:-40px;width:100%}ul{align-items:center;display:flex;font-size:20px;font-weight:600;gap:20px;justify-content:center;list-style-type:none;margin:0;padding:0;text-transform:uppercase}ul a{color:#fff;text-decoration:none}ul a:hover{color:#009eab}header .hompage_logo a{display:inline-block;font-size:38px;font-weight:700;height:55px}.hompage_logo a:hover{color:#fff}#appversion{text-transform:lowercase}.App-header h1{font-size:35px}body{align-items:center;background-attachment:fixed;background-image:linear-gradient(180deg,#051937,#083052,#0a4a6c,#0f6586,#1c819e);background-size:cover;height:100vh;justify-content:center;margin:0 auto;padding:0;text-align:center;width:100%}span{font-weight:lighter}p,span{color:#fff}.App-content{min-height:200vh;text-transform:uppercase}.budget-controls{align-items:center;display:flex;justify-content:center;margin:20px 0}input{background-color:#0000 #0000;border:1px solid #ccc;border-radius:5px;margin:0 10px;padding:10px}button{background-color:#1c819e;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:.3s}button:hover{background-color:#009eab}button:active{cursor:progress}.budget-list{flex-direction:column}.budget-item,.budget-list{align-items:center;display:flex}.budget-item{border:1px solid #ccc;justify-content:space-between;margin:10px 0;padding:10px}div.budget-item:active{transition:.3s}.delete-button{background-color:#cc4d30;border:none;color:#fff;cursor:pointer;padding:5px 10px}.budget-item span{font-weight:700;margin-right:10px}.no-items{align-items:center;display:flex;flex-direction:column}.add-item-message,.no-items-message{color:#fff;margin:5px 0}.mobile-menu{display:none;list-style-type:none}.mobile-menu.open{background-color:#1c819e;display:flex;flex-direction:column;position:absolute;text-align:center;top:50px;width:100%;z-index:9999}.mobile-menu li{padding:10px}.hamburger-icon{cursor:pointer;display:none}.desktop-menu{display:flex;list-style-type:none}@media screen and (max-width:1030px){.hamburger-icon{display:block;float:right;font-size:24px;margin-right:20px;margin-top:9px}.desktop-menu{display:none}}@media screen and (max-width:523px){.App-header h1{font-size:23px}button{margin-top:15px}.delete-button{margin:auto;scale:.9}}@media screen and (max-width:432px){.App-header h1{font-size:23px}button{margin-top:15px}.delete-button{margin:auto;scale:.9}}@media screen and (max-width:373px) and (max-width:431px){.App-header h1{font-size:22px}button{margin-top:15px}input{display:block;margin-top:10px}.delete-button{margin:auto;scale:.9}}.finance-main{backdrop-filter:blur(4.8px);-webkit-backdrop-filter:blur(4.8px);background:#fff;border-radius:16px;box-shadow:0 4px 30px #0000001a;box-shadow:0 0 145px 0 #1c829ee6;margin:0 auto;max-width:1000px;padding:20px}h3{margin:3px}div h2,h3{color:#1c819e}div h2{font-size:27px;margin:8px}p{padding:7px}.layout{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:auto;width:1000px}.content-container{border-radius:20px;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;margin:0 auto}#content-Paragraph{word-wrap:break-word;color:#000;font-size:16px}@media screen and (max-width:1030px){.finance-main{max-width:95%}.layout{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,1fr);height:auto;width:100%}}@media screen and (max-width:768px){.finance-main{max-width:90%}.layout{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,1fr);height:auto;width:100%}}@media screen and (max-width:550px){.finance-main{position:absolute;top:60px}}@media screen and (max-width:480px){.finance-main{max-width:90%}div h2{color:#1c819e;font-size:24px;margin:8px}.layout{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,1fr);height:auto;width:100%}}.savings-container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:20px auto;max-width:960px;padding:20px;position:relative;z-index:2}.savings-container h2{color:#333;margin:10px}.video-container{overflow:hidden;padding-top:56.25%;position:relative}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.savings-container p{color:#777;line-height:1.5}@media screen and (max-width:600px){.savings-container{margin:10px}}.join-main{backdrop-filter:blur(4.8px);-webkit-backdrop-filter:blur(4.8px);background:#fff;border-radius:16px;box-shadow:0 4px 30px #0000001a;box-shadow:0 0 145px 0 #1c829ee6;margin:0 auto;max-width:960px;padding:20px}.join-form-group{margin-bottom:20px}#joinUserMessage{margin-left:10px}.join-form-group input,.join-form-group textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;margin-bottom:10px;padding:12px;width:100%}.join-submit-button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px;width:100%}.join-form-group input::placeholder,.join-form-group textarea::placeholder{color:#999}.stock-data{border-radius:20px;top:-10px}.responsive-container,.stock-data{margin:0 auto}.investing-content{background-color:#fff;border-radius:20px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:960px;padding:20px;position:relative;top:-5px;z-index:2}.investing-content h2{color:#333}.investing-content h3{color:#555}.investing-content p{color:#777;line-height:1.5}@media screen and (max-width:400px){.investing-content{margin:10px}.stock-data{max-width:80%;top:-16px}}.stock-data{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;height:40px;margin-left:auto;margin-right:auto;max-width:960px;padding:15px;position:relative;z-index:5}.stock-data h3{color:#333;margin-bottom:10px}.stock-data ul{list-style:none;margin:0;padding:0}.stock-data li{color:#555}.error-message{color:red}
/*# sourceMappingURL=main.1727fe60.css.map*/