* {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
}
button {
  width: max-content;
  padding: 5px 10px;
  background-color: rgba(184, 189, 214, 0.637);
}
input:focus {
  outline: none;
}
header {
  margin-top: 1rem;
  text-align: center;
}
header h1 {
  font-size: 35px;
}
/* End Header aria */
main {
  margin-top: 2rem;
}
.img-fluid {
  height: 85vh;
  object-fit: cover;
}
.feasurd-body {
  text-align: center;
  background-color: #ece9ed61;
}
.input-fild {
  padding: 10px 0;
}
.input-fild label {
  font-weight: bold;
}
.input-fild input {
  border: 1px solid rgb(136, 136, 81);
  background-color: #c2c3c26b;
  padding-left: 10px;
}
.input-fild img {
  visibility: hidden;
  max-width: 25px;
}
#savings-input {
  max-width: 5rem;
  padding-right: 10px;
}
#cal-expence {
  margin: 10px 0;
}
article {
  font-weight: bold;
  padding: 5px 0;
}
article span {
  font-weight: 400;
}
/* error  */
.error-msg {
  display: none;
  padding: 0.5rem;
  width: fit-content;
  margin: 0 auto;
  color: #fff;
  background-color: tomato;
}