* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #BBD18F;
}


.top-bar {
  background: transparent;
  color: #fff;
  padding: 1rem;
  text-align: center;
}
.canvas { 
  width: 45%; 
  text-align:center; 
  margin: auto; } 

.btn {
  background: #33470B;
  color: #FFF4D3;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0.7rem 2rem;
  border-radius: 8px;
}

.btn:hover {
  opacity: 0.9;
}

.page-info {
  margin-left: 1rem;
  color: black;
  font-family: Arial, Helvetica, sans-serif;

}

.error {
  background: orangered;
  color: #fff;
  padding: 1rem;
}