body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Hyph{margin-right:5px;margin-left:5px}.Input,.Textarea{border:1px solid #ddd;display:block;font-size:1.1em;margin-bottom:10px;padding:10px;text-align:left;width:100%;border-radius:4px}.Input::-webkit-input-placeholder,.Textarea::-webkit-input-placeholder{color:#ccc}.Input::-moz-placeholder,.Textarea::-moz-placeholder{color:#ccc}.Input:-ms-input-placeholder,.Textarea:-ms-input-placeholder{color:#ccc}.Input::-ms-input-placeholder,.Textarea::-ms-input-placeholder{color:#ccc}.Input::placeholder,.Textarea::placeholder{color:#ccc}.Textarea{resize:vertical}.Button{order:1px solid #aaa;background-color:#eee;font-size:1.1em;border-radius:4px;padding:8px 12px;font-weight:700}.Required{color:#ca1551;font-family:Arial;font-weight:700}.Section{margin-left:20px;margin-right:20px}.Section--list{margin-left:10px;margin-right:10px}.Form{width:60%;height:450px;margin:100px auto 0;padding:50px;background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#11beb6),color-stop(#23d49f),to(#63ffd8));background:-webkit-linear-gradient(top left,#11beb6 0,#23d49f,#63ffd8);background:linear-gradient(to bottom right,#11beb6 0,#23d49f,#63ffd8);color:#333;border:2px solid #c2d6ff;border-radius:40px 0 40px 0}.Input2{margin:20px auto 10px;padding-left:2%;height:25px;width:200px;box-shadow:0 0 8px;-webkit-box-shadow:0 0 8px;border-radius:5px;border:1px solid #cbcbcb}.Button2{margin-top:20px;border-radius:5px;border:none;padding:10px 25px;color:#fff;text-shadow:1px 1px 1px #949494;background-color:#56b0fe}.Button2:hover{background-color:#117fdf;cursor:pointer}@media only screen and (min-width:768px){.Form{width:350px;height:400px}.Input2{width:250px}}.container{text-align:center}.about{width:85%;margin:0 auto;-webkit-animation:moveInLeft 1s;animation:moveInLeft 1s}.hr{background:-webkit-gradient(linear,left top,right top,from(#51ffb6),color-stop(#3bf1bb),to(#1ce2d8));background:-webkit-linear-gradient(left,#51ffb6,#3bf1bb,#1ce2d8);background:linear-gradient(90deg,#51ffb6,#3bf1bb,#1ce2d8);height:1px;border:none;width:45%}.demo-button{background:-webkit-gradient(linear,left top,right top,color-stop(0,#64fa84),to(#00c9ae));background:-webkit-linear-gradient(left,#64fa84,#00c9ae);background:linear-gradient(90deg,#64fa84 0,#00c9ae);width:200px;font-size:25px;margin-top:30px;-webkit-transition:.3s;transition:.3s}.demo-button:hover{color:#fff;-webkit-transform:translateY(-5px) scale(1.1);transform:translateY(-5px) scale(1.1);cursor:pointer}.Header a{-webkit-animation:moveInLeft 2s;animation:moveInLeft 2s}.screenshots{width:90%;margin:100px auto;position:relative;-webkit-animation:moveInRight .8s;animation:moveInRight .8s}.desktop-screenshot{width:95%;height:300px;border:1px solid #f1f1f1;border-radius:5px}.iphone-screenshot{width:40%;height:275px;position:absolute;right:-10px;top:50px}@-webkit-keyframes animate{0%{border-color:#3bf1bb}20%{border-color:#3bf1bb}20.1%,to{border-color:#18cfa8}}@keyframes animate{0%{border-color:#3bf1bb}20%{border-color:#3bf1bb}20.1%,to{border-color:#18cfa8}}@-webkit-keyframes moveInBottom{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}80%{-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInBottom{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}80%{-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(5rem);transform:translateX(5rem)}50%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(5rem);transform:translateX(5rem)}50%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@media only screen and (min-width:768px){.desktop-screenshot{width:75%}.iphone-screenshot{width:20%;right:50px;top:50px}}@media only screen and (min-width:1024px){.hr{width:35%}.about{width:25%;float:left;margin:10rem 0 0 5%}.screenshots{width:500px;margin-right:10%;position:relative;float:right}.desktop-screenshot{width:100%;height:450px;box-shadow:6px 6px 30px 2px #d1cdd1}.iphone-screenshot{width:30%;position:absolute;top:200px;right:-40px}}@media only screen and (min-width:1440px){.about{width:25%;float:left;margin:10rem 0 0 10%}.screenshots{width:700px;margin-right:15%}.iphone-screenshot{width:25%;height:300px;position:absolute;top:185px;right:-40px}}.row{display:flex;justify-content:center;align-items:center;width:100%;font-family:Montserrat,sans-serif}.features{display:block}.column:nth-child(2){margin-left:50px;margin-right:50px}.column{height:25rem;width:33%;background:#1081c7;border-radius:5px;padding:1%;-webkit-transition:.3s;transition:.3s}.column:hover{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.row:after{content:"";display:table;clear:both}.icons{font-size:8rem;color:#fff}@media only screen and (max-width:768px){.row{flex-direction:column;margin-top:30%}.column:nth-child(2){margin-left:0;margin-right:0}.column{margin-bottom:20px;width:80%}}.Header{height:50px;display:flex;align-items:normal;justify-content:space-between;background-color:#1081c7}.Header h1{margin:auto 1vw;font-size:1.5rem}.Header a{color:#fff;text-decoration:none;margin-right:10px}.SignOut{margin:auto 5px}@media screen and (min-width:768px){.Header a{font-size:2rem}.SignOut{margin-top:10px}.SignOut a{font-size:1.3rem;margin-right:20px}}hr{border:0;border-top:1px solid #ccc;margin-bottom:15px}@media only screen and (min-width:768px){.RegistrationForm{width:350px;height:500px}}label{font-size:15px;display:block}.red,label{font-weight:700}.red{color:#dd1313;font-size:22px}.AddExpenseForm{width:60%;height:450px;margin:50px auto;padding:50px;background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#51dbe0),to(#12f38a));background:-webkit-linear-gradient(top left,#51dbe0 0,#12f38a);background:linear-gradient(to bottom right,#51dbe0 0,#12f38a);color:#333;border:2px solid #c2d6ff;border-radius:10px}.AddExpenseForm__Options{display:block}input#amount,input#date,select{width:200px;display:block;margin-bottom:20px;margin-top:5px;height:23px;border-radius:5px;border:1px solid #000;font-size:14px;padding:2%}select{height:30px}#description{width:200px;display:block;margin-bottom:20px;border-radius:5px;height:100px;padding:2%;font-size:14px}.AddExpenseForm__button{margin-top:20px;border-radius:5px;border:none;padding:10px 25px;color:#fff;text-shadow:1px 1px 1px #949494;background-color:#56b0fe;font-size:18px}.AddExpenseForm__button:hover{cursor:pointer}@media screen and (min-width:768px){.AddExpenseForm{margin-left:20%;width:45%}input#amount,input#date,select{width:300px;height:25px;padding:2px}#description{width:350px}}.statistic p{margin-top:10%;font-size:25px;font-family:Comic Sans MS}.stats{text-align:center}.stats1{-webkit-animation:moveInLeft .5s ease-out .5;animation:moveInLeft .5s ease-out .5}.stats2{-webkit-animation:moveInLeft .75s ease-out .5;animation:moveInLeft .75s ease-out .5}.stats3{-webkit-animation:moveInLeft 1s ease-out .5;animation:moveInLeft 1s ease-out .5}.stats__title{display:block;font-size:20px;margin-top:10px}.charts{width:95vw;height:200px;margin-top:75px}.doughnutChart h4{text-align:center}@-webkit-keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-10rem);transform:translateX(-10rem)}80%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-10rem);transform:translateX(-10rem)}80%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@media screen and (min-width:768px){.statistic{margin-left:15vw}.statistic p{margin-left:10%;margin-top:10%;display:inline-block;font-size:25px}.charts__container{width:100vw;margin-top:100px;margin-left:10%}.barChart{width:500px;height:400px;margin-top:50px}.doughnutChart{width:600px;margin-top:75px}}@media screen and (min-width:1024px){.charts__container{display:flex;width:100vw;margin-top:100px;margin-left:0}}.expense-container{width:80vw;border:1px solid #000;border-radius:15px;text-align:center;margin-bottom:15px;padding:2%;font-family:Comic Sans MS;font-weight:400}.expense-container a{color:#000}.edit-delete{font-size:25px;cursor:pointer;color:#1f85de}.edit-delete:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.button__edit-delete{background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:none}@media only screen and (min-width:768px){.expense-container{width:80vw;border:1px solid #000;border-radius:7px;margin:15px 15%;display:flex;padding:0}.expense-header{display:flex;justify-content:space-between}.expense-item{padding:1.5rem 2rem;width:8vw}.edit-delete{height:80px;margin-left:15px}}@media only screen and (min-width:1024px){.expense-container{width:70vw}.edit-delete{margin-right:15px;font-size:30px}}.ExpenseList{text-align:center}.ExpenseList__Filters{border-radius:10px;width:50%;margin:15px 5%;display:flex;justify-content:space-between}.ExpenseList_Options{margin-right:10px}.ExpenseList__Select{width:30vw;margin:2px}@media only screen and (min-width:768px){.ExpenseList{text-align:center}.ExpenseList__Filters{border-radius:10px;width:50%;margin:15px 19vw;display:flex;justify-content:space-between}.ExpenseList__Select{margin-right:10px}}.sidebar{background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#45f0e7),to(#2cf798));background:-webkit-linear-gradient(top left,#45f0e7 0,#2cf798);background:linear-gradient(to bottom right,#45f0e7 0,#2cf798);height:35px;display:flex;justify-content:space-evenly;padding-top:2%}.sidebar a{text-decoration:underline}li a{text-decoration:none;margin-top:1px;color:#000}.active{font-weight:bolder;text-decoration:underline}.sidebar a{text-decoration:none}.sidebar a:hover{text-decoration:underline}li{list-style-type:none;color:#000}@media only screen and (min-width:768px){.sidebar{position:fixed;border:1px solid #c2c5c8;border-radius:5px;width:130px;height:200px;margin-top:5%;display:block;padding:0}li{margin:30px 15px}}
/*# sourceMappingURL=main.0a9bafaa.chunk.css.map */