body {
    margin: 0px;
}

div.padded {
  margin: 1vh 1vw;
  padding: 1vh 2vw;
}

div.overlay {
  background-color: transparent;
}

.dialogbox {
  width: max(40%, 300px);
  background-color: #fafabe;
  border: 1px solid #820a0a;
  text-align: center;
  padding-bottom: 0.5em;
}

.dialogbox > img {
  width: 25%;
  margin: auto;
}

.titlebar {
  background-color: #820a0a;
  color: white;
}

.spincontrol {
  display: inline-block;
  margin-left: 5px
}

.button {
  margin: 0px 5px;
}

#MAicon {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#menucanvas, #puzzlecanvas {
  width: 100%;
}

@media only screen and (max-height: 450px) {
  h1 {
    font-size: 12pt;
    margin: 2px;
  }
  #MAicon {
    display: none;
  }
}

@media only screen and (max-width: 450px) {
  h1 {
    font-size: 18pt;
    margin: 2px;
  }
}