.columns
    min-height: 100%

.enter-pin
    position: relative
    top: 50%
    transform: translateY(-50%)

.pin-wrapper
    padding: 0
    margin: 0
    align-items: center
    justify-content: center

.pin-wrapper > .column
    align-items: center
    justify-content: center

.pin-wrapper > .column input
    width: 15vw
    height: 15vw
    font-size: 15vw
    background-color: #2d3338
    color: transparent
    text-shadow: 0 0 0 #000
    border: none
    border-radius: 10px
    text-align: center

.pin-wrapper > .column input::-webkit-outer-spin-button, .pin-wrapper > .column input::-webkit-inner-spin-button
    -webkit-appearance: none
    margin: 0

.pin-wrapper > .column input:focus
    border-color: inherit
    -webkit-box-shadow: none
    box-shadow: none
    outline: none