.contents-header {
    display: flex;
    flex-direction: row;
}

.contents-header h2 {
    width: 600px;
}

.contents-header .howto-wrapper {
    width: 400px;
    margin-top: 20px;
    margin-left: 2em;
}

.howto-btn {
}

.contents {
    display: flex;
    flex-direction: row;
}

.canvas-wrapper {
    width: 600px;
}

.counter-wrapper {
    width: 400px;
    margin-left: 2em;
}

.canvas-frame {
    width: 100%;
    height: 600px;
    margin-right: 2em;
    touch-action: none;
    user-select: none;
}

.count-btn {
    width: 8em;
}

.reset-btn {
    width: 6em;
}

.form-inline input.form-control.counter-control {
    width: 4em;
}

.counter {
    margin-bottom: 1em;
}

.howto-modal h3 {
    font-size: 130%;
    border-bottom: solid 1px #aaa;
}