body{
  margin: 0;
  padding: 0;
  font-family: "Verdana";
  font-size: .9em;
}
*{
  box-sizing: border-box;  
}
.account-form-container, .form-container, .top-menu{
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;  
}
.account-form-container{
  width: 99vw;
  height: 90vh;
}
.account-form{
  width: 300px;
  display: flex;
  flex-direction: column;
  border: solid 1px #c0c0c0;
  padding: 10px;
}
.account-form > label {
  padding: 10px 4px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.account-form > div {
  justify-content: center;
  text-align: center;
}
.account-form > button{
  margin-top: 10px;
}
.top-menu a{
  
  padding: 5px 10px;
}
.container{
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;    
}
.transaction_header{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
table{
  padding: 2px;
  border: 1px solid #d0d0d0;
  font-size: 0.9em;
}
th{
  border: 1px solid;
  background: #c0c0c0;
  padding: 2px 10px;
}
td{
  border: 1px solid #c0c0c0;
  background: #e0e0e0;
  padding: 2px 10px;
}