* {
  margin: 0;
  border: 0;
  padding: 0;
 
  font-family: 'Righteous', cursive;
  font-weight: 400;
  
  font-family: 'Fira Sans', sans-serif;
  /*font-weight: 800;*/
}

button {
  font-family: 'Roboto', sans-serif;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  
  height: 100vh;

  background: #000;
  
  overflow: hidden;
  padding: 0;
}

#meuCanvas {
  background: rgb(0,200,0);
  /*background: rgb(200,0,200);*/
  background: cornflowerblue;
  border: 1px solid rgb(0,255,0);
  border: 1px solid deepskyblue;
  border-radius: 4px;
}

#console {
  background: #fff;
  color: #000;
  position: absolute;
  bottom: 0px;
  left: 0px;

  padding: 2px 4px;
  border-top-right-radius: 4px;
  display: none;
}

/*#painel {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: red;
}*/

#result {
  text-align: center;
  font-size: 24px;
  color: #fff;
  width: 100%;
  /*background: none;*/
}

.congratutations {
  background: rgb(0,128,0);
}

.fail {
  background: rgb(200,0,0);
}

.painel {
  background: cornflowerblue;
  background: blueviolet;
}

#buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  /*gap: 10px;*/
  /*padding: 5px; */
  height: 100%;
}

.button {
  font-size: 24;
  padding: 5px;
  margin-top: 4px;
  border-radius: 8px;
  background: rgb(0,0,128);
  background: blueviolet;
  color: #fff;
  transition: filter 0.2s;
  text-transform: uppercase;
  margin: 5px;
}

.button:hover {
  filter: brightness(120%);
}