* {
  margin: 0;
  padding: 0;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

html {
  background-image: linear-gradient(#FFFAE6, #FF9F66, #FF5F00);
  background-repeat: no-repeat;
  padding: 10% 0;
}

h1 {
  animation: fadeInLeft;
  animation-duration: 1s;
}

body {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  color: #002379;
}
body main {
  border: 1px solid white;
  margin: 5% 0;
  background-image: linear-gradient(rgba(255, 94, 0, 0.6941176471), #ff863f);
  animation: fadeIn;
  animation-duration: 2s;
}
body #submitButton {
  background-color: #2b62f7;
}
body #submitButton:hover {
  background-color: #7395f2;
}
body #submitButton:active {
  background-color: #cfdcff;
}
body #resetButton {
  background-color: #d3dcec;
}
body #resetButton:hover {
  background-color: #5a5f67;
}
body #resetButton:active {
  background-color: #c3c8d1;
}
body #resetButton,
body #submitButton {
  padding: 5% 20%;
  border-radius: 40px;
  border: 1px solid black;
}
body #add-income:hover {
  background-color: #d3dcec;
}
body #add-income:active {
  background-color: #5a5f67;
}
body #add-expense:hover {
  background-color: #d3dcec;
}
body #add-expense:active {
  background-color: #5a5f67;
}

table td {
  border: 1px solid white;
  border-radius: 5px;
  text-align: center;
  padding-top: 7.5%;
  padding-bottom: 7.5%;
  animation: fadeInLeft;
  animation-duration: 1s;
}
table input {
  padding: 1% 5%;
  margin: 2% 0;
  border-radius: 10px;
  border: none;
}

footer {
  animation: fadeInLeft;
  animation-duration: 1s;
}/*# sourceMappingURL=styles.css.map */