body{
    background-color: #bdbdbd;
}

.stats {
    width: 200px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    justify-content: space-between;
}

.stats input {
    width: 50px;
}

.starting-scene{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.game-field {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.game-field .row {
    height: 16px;
    display: flex;
}

.game-field .row .field{
    user-select: none;
    height: 16px;
    width: 16px;
    background: url('../img/closed-field.png');
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.game-field .row .field.flagged {
    background: url('../img/flag.png');
}

.game-field .row .field.open {
    background: url('../img/open-field.png');
}

.game-field .row .field.bomb {
    background: url("../img/mine.png");
}

.icon {
    background: url("../img/icon.png");
    height: 20px;
    width: 20px;
}

.home {
    background: url("../img/home.png");
    height: 20px;
    width: 20px;
}

.flag-enabled {
    background: url("../img/flag-enabled.png");
    height: 20px;
    width: 20px;
}

.flag-disabled {
    background: url("../img/flag-disabled.png");
    height: 20px;
    width: 20px;
}

.end {
    pointer-events: none;
}