body {
  background: #fff;
  font-family: 'Montserrat', sans-serif;
}

.canvas {
  background-image: linear-gradient(to bottom right, #3C1053, #AD5389);
  width: 100%;
  display: inline-block;
}

.pixel {
  width: 1.25%;
  padding-top: 1.25%;
  float: left;
}

.direction_btn {
  width: 30px;
  height: 30px;
  float: left;
  border-style: solid;
  border-width: 1px;
  margin: 3px;
}

.hover {
  background-color: black !important;
}

.empty_btn {
  width: 30px;
  height: 30px;
  margin: 3px;
  float: left;
}

.btn_box {
  width: 110px;
  height: 110px;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.about-title {
    font-size: 10pt;
    font-weight: 600;
}

.about-box {
    font-size: 10pt;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
}

.subtitle {
    font-size: 16pt;
    font-weight: 400;
}