@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&family=Patua+One&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/static/media/wall.0fa33dcc9f8a907fa0c2.png);background-position:50%;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-position:50%;background-size:cover;color:#fff;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.homeScreen{height:100vh;width:100vw}.tracker{align-items:center;font-family:Open Sans,sans-serif;height:78.5vh}.tracker,.tracker .container{display:flex;flex-direction:column;justify-content:center;padding:0 0 0 20px}.tracker .container{align-items:flex-start;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.12);color:#fff;height:27vh;width:50vw}.tracker .container .userName{font-size:2.7vw;font-weight:600;line-height:0;margin-bottom:30px}.tracker .container .userName span{font-size:2.3vw;font-weight:400}.tracker .container .balance{align-items:center;display:flex;flex-direction:row;justify-content:center;line-height:0}.tracker .container .balance h3{color:#e0dfdf;font-size:2.1vw;font-weight:400}.tracker .container .balance h2{font-size:2.4vw;font-weight:300;margin-left:20px}.tracker .addTransacation{align-items:flex-start;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.12);color:#fff;display:flex;flex-direction:column;height:40vh;justify-content:flex-start;padding:0 0 20px 20px;width:50vw}.tracker .addTransacation .addtransinfo{font-size:2.3vw;margin-bottom:1vh;margin-left:11vw;text-align:center}.inputDescription{background-color:initial;border:1px solid #ff0;border-radius:5px;color:#ff0;padding:10px;width:90%}.inputBlock2{display:flex;flex-direction:row;margin-top:15px}input[type=number]{background-color:initial;border:1px solid #ff0;border-radius:5px;color:#ff0;padding:10px}.radio{display:flex;flex-direction:column;margin-left:20px}.label{display:flex;flex-direction:row}label{padding-left:10px}.TransationHistory,.addTransacation button{background-color:blue;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:10px 20px}.TransationHistory,.addTransacation button:hover{border:2px solid #815adb;padding:8px 18px}.income-expence{display:flex;flex-direction:row;margin-top:-5px}.income-expence .expence{line-height:0;margin-right:2vw}.income-expence .income{line-height:0}.income-expence .expence span,.income-expence .income span{font-weight:600}.submitButtons{display:flex;flex-direction:row}.submitButtons .TransationHistory{margin-left:40px}@media (max-width:420px){.submitButtons button{font-size:3.5vw}}@media (max-width:520px){.tracker{height:77vh;padding:0}.tracker .container .userName{font-size:5.2vw;font-weight:700}.tracker .container{width:85vw}.tracker .container .userName span{font-size:4.5vw;font-weight:400}.inputBlock2{flex-direction:column}.tracker .container .balance h3{font-size:5vw;font-weight:500}.tracker .container .balance h2{font-size:4.7vw}.income-expence{display:flex;flex-direction:column}.income-expence .expence{font-weight:400;margin-right:0;text-align:left}.income-expence .income{font-weight:400;line-height:0;margin-top:4px;text-align:left}.tracker .addTransacation{height:35vh;margin-top:-15px;width:85vw}.tracker .addTransacation .addtransinfo{font-size:4.5vw;margin-left:15vw}.radio{display:flex;flex-direction:column;margin-left:0;margin-top:15px}.submitButtons .TransationHistory{margin-left:25px}}.footer{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.158);color:transparent;display:flex;height:8vh;justify-content:center;margin:0;padding:0}.footer,.footer a,.hero{color:#fff}.hero{text-align:left;width:70%}.homeScreen{flex-direction:column;height:79vh;overflow:hidden}.homeScreen,.homeScreenBox{align-items:center;display:flex;justify-content:center}.homeScreenBox{height:70%}.hero h1{font-size:3.5rem;font-weight:900;line-height:60px}.hero h3{font-size:2rem;font-weight:300;margin-top:-20px}.startButton{background-color:initial;border:3px solid #ff0;border-radius:5px;color:#fff;font-size:1.3rem;font-weight:700;padding:9px 12px;text-decoration:none}.startButton .startButtonLink:hover{color:#000;text-decoration:none}.startButton:hover{background-color:#ff0;border:3px solid #ff0;color:#000;cursor:pointer;font-weight:700}.LoaderBox{align-items:center;display:flex;justify-content:center}.Loader{margin-top:35vh}@media (max-width:520px){.homeScreen{height:77.5vh;overflow-y:hidden}.homeScreenBox{align-items:flex-start;display:flex;height:50%;justify-content:center;width:95%}.hero{width:95%}.hero h1{font-size:11.5vw;font-weight:900;line-height:55px;margin-bottom:-5px}.hero h3{font-size:5vw;font-weight:300;margin-top:20px}}.Navbar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.158);color:#fff;flex-direction:row;height:13vh;justify-content:space-between;padding:0 70px}.Navbar,.navbarLogo{align-items:center;display:flex}.navbarLogo{justify-content:center}.navbarLogo img{height:5vw}.navbuttons{align-items:center;display:flex;flex-direction:row;justify-content:center}.navbuttons .profilePic{border-left:.5px solid #fff;height:30px;margin-left:20px;padding:0 26px}.navbuttons .listIcon{height:24px;margin-right:20px}.loginButton,.registerButton{color:#fff;font-size:1.2rem;font-weight:700;text-decoration:none}.registerButton{border:2px solid #ff0;border-radius:5px;margin-left:20px;padding:5px 10px}.loginButton,.registerButton:hover{cursor:pointer}@media (max-width:520px){.Navbar{height:9vh;padding:0 20px}.navbarLogo img{height:10.5vw}.loginButton{display:none}.registerButton{color:#f0f8ff;font-size:.9rem}.navbuttons .profilePic{height:27px;padding:0 0 0 26px}.navbuttons .listIcon{height:20px;margin-right:18px}.navbuttons .profilePic{border-left:.3px solid #fff;margin-left:15px}}.registerpage{height:79vh}.registerpage,.registerpage .registerform{align-items:center;background-color:initial;display:flex;justify-content:center}.registerpage .registerform{border:2px solid #ff0;border-radius:13px;flex-direction:column;height:-webkit-max-content;height:max-content;padding:25px 40px 40px;width:-webkit-max-content;width:max-content}.registerpage .registerform h1{color:#fff;font-size:28px;font-weight:800;text-align:center}.registerpage .registerform .or{color:#ff0;font-size:1rem;font-weight:600;margin:14px 0}.registerpage .registerform .continue{color:#fff;font-size:1.2rem;font-weight:500;margin:0 0 20px}.loginButtons{align-items:center;display:flex;flex-direction:column;justify-content:center}.loginButtons button:hover{cursor:pointer}.loginButtons button{align-items:center;border:none;border-radius:10px;display:flex;flex-direction:row;font-size:1rem;font-weight:700;height:42px;justify-content:center;text-align:center;width:25vw}.loginButtons button img{align-items:baseline;height:30px;margin-right:10px}.factive,.loginButtons .facebook{margin-top:20px}.factive,.loginButtons .active{background-color:grey}@media (max-width:520px){.registerpage{height:80.5vh}.registerpage .registerform h1{font-size:23px}.registerpage .registerform{padding:25px 28px}.registerpage .registerform .loginButtons button{width:65vw}.registerpage .registerform .terms{width:60vw}.registerpage{margin-top:-5vh}.error{width:60vw}}.transactions{height:87vh}.transactions,.transactionsBox{align-items:center;display:flex;justify-content:center}.transactionsBox{flex-direction:column;margin:20px 0;width:55vw}.transactionsBox ul{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:10px 0;max-height:calc(87vh - 100px);overflow-y:scroll;padding:0;width:90%}.transactionsBox li{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.12);border:1px solid #481764;border-radius:10px;color:#fff;display:flex;flex-direction:row;justify-content:space-between;margin:5px 0;padding:0 60px;width:33vw}.transactionsBox .descriptionDate{align-items:flex-start}.transactionsBox .descriptionDate .des{line-height:0}.transactionsBox .descriptionDate .dateTime{color:#b3b3b3;font-size:1vw;font-weight:400;line-height:0;text-align:left}@media (max-width:520px){.transactionsBox{width:94vw}.transactionsBox li{padding:0 20px;width:70vw}.descriptionDate .dateTime{font-size:3vw}#dateTime{font-size:2.5vw}.transactions{height:77vh}}
/*# sourceMappingURL=main.b805b6f0.css.map*/