html, body, #game-app {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
#locked-door-div {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.locked-door-boxes {
    width: 50%;
    height: 33%;
    float: left;
}
.cracked {
    background-image: url('./transparent-crack.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.solution-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
.small-dot {
    background-size: 35% !important;
}
.small-text {
    font-size: 2em !important;
}
.dragme {
  position: absolute;
  width: 100px;
  height: 100px;
  cursor: move;
}
.invisible {
    display: none;
}