.minw4 {
    min-width: 8rem;
}

.minh4 {
    min-height: 8rem;
}

.bw1-hover:active,
.bw1-hover:hover {
    border-width: 0.125rem;
}

.foreign {
    font-family: Candara, 'Noto Serif', serif;
}

.local {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.vocab {
    max-height: 30rem;
    overflow-y: scroll;
}

input {
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
}

input:active,
input:hover {
    border: 1px solid gray;
}

button {
    border-style: solid;
}

.icon-white {
    fill: white;
}

.sqr-28 {
    width: 28px;
    height: 28px;
}

.pull-up {
    position: relative;
    bottom: 3px;
}

dl {
    display: grid;
    grid-template-columns: max-content auto;
    column-gap: 1rem;
}

dt {
    grid-column-start: 1;
}

dd {
    grid-column-start: 2;
}