* {
  box-sizing: border-box;
  font-family: sans-serif;
}

.gridContainer{
  display: flex;
  flex-direction: column;
align-content: center;
justify-content: center;
}

.canvas-container{
  padding: 0;
  margin: auto;
}

#ask-button{
  margin: 10px auto;
  border-style: solid;
  border-width: 5px;
  width:300px;
  padding: 6px;
  align-content: center;
  text-align: center;
  cursor: pointer;
}

#prediction-div{
  padding: 0;
  margin: auto;
  font: 20px arial, sans-serif;
  /* border-style: solid;
  border-width: 5px; */
  /* width:50px; */
  height: 50px;
  text-align: center;
}

h3 {
  text-align: center;
  font-size: 20px;
}

html, body { height: 100% }

body {
  background-color: gainsboro;
}

h1 {
  text-align: center;
}

.background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

#hidden-canvas, #hidden-img {
    visibility: hidden;
}