body {
  margin: 10px;
  padding: 50px;
}

.bodycolor {
  background: linear-gradient(360deg, #a71797 0%, #5b084c 25%, #a71797 50%, #5b084c 75%, #a71797 100%);
}

.main_title {
  display: flex;
  justify-content: center;
  font-size: 50px;
  color: #ffe5fb;
}

.Main_Budget-container {
  display: flex;
  contain: content;
  flex-wrap: wrap;
  justify-content: center;
}

.User_income-container {
  font-size: 25px;
  border: rgb(255, 238, 255) solid 10px;
  border-radius: 23px;
  padding: 20px 20px;
  background-color: #E8BFFB;
  margin: 10px;
  width: 500px;
}
.User_income-container #UserInputDescription {
  padding: 10px;
  margin: 8px;
  border-radius: 23px;
  color: #300049;
  font-size: 20px;
}
.User_income-container #UserInputAmount {
  padding: 10px;
  margin: 8px;
  border-radius: 23px;
  color: #300049;
  font-size: 20px;
}
.User_income-container .SubmitIncome {
  background-color: #4a0072;
  margin: 8px;
  padding: 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 25px;
  color: #E8BFFB;
  border: #a71797 solid 2px;
  border-radius: 23px;
  cursor: pointer;
}
.User_income-container .SubmitIncome:hover {
  background-color: #00695c;
  border: #00838f solid 2px;
  font-size: 26px;
}

.User_expenses-container {
  border: rgb(255, 238, 255) solid 10px;
  border-radius: 23px;
  padding: 20px 20px;
  font-size: 25px;
  background-color: #E8BFFB;
  margin: 10px;
  width: 500px;
}
.User_expenses-container #expense-description {
  padding: 10px;
  margin: 8px;
  color: #300049;
  border-radius: 23px;
  font-size: 20px;
}
.User_expenses-container #expense-amount {
  padding: 10px;
  margin: 8px;
  color: #300049;
  border-radius: 23px;
  font-size: 20px;
}
.User_expenses-container .SubmitExpense {
  background-color: #4a0072;
  padding: 15px;
  margin: 8px;
  font-size: 25px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #E8BFFB;
  border: #a71797 solid 2px;
  border-radius: 23px;
  cursor: pointer;
}
.User_expenses-container .SubmitExpense:hover {
  background-color: #00695c;
  border: #00838f solid 2px;
  font-size: 26px;
}

.TotalBudget-Summary {
  border: rgb(255, 238, 255) solid 10px;
  border-radius: 23px;
  font-size: 40px;
  padding: 20px 20px;
  margin: 10px;
  background-color: #E8BFFB;
  width: 500px;
}
.TotalBudget-Summary #summaryOfTotal-income {
  margin: 30px;
}
.TotalBudget-Summary #summaryOfTotal-expenses {
  margin: 30px;
}
.TotalBudget-Summary #summaryOfTotal-budget {
  margin: 30px;
}

.chart-area {
  border: rgb(255, 238, 255) solid 10px;
  border-radius: 23px;
  padding: 20px 20px;
  background-color: #E8BFFB;
  color: #300049;
}

.chart-area {
  height: 500px;
  width: 500px;
  margin: 10px;
}

.footer-container {
  background-color: #a71797;
  margin-top: 25px;
  color: rgb(255, 238, 255);
  font-size: 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 15px;
  border: 5px #5b084c solid;
}/*# sourceMappingURL=index.css.map */