html {
    overflow: hidden;
    scrollbar-gutter:unset;
    user-select: none;
    text-align: left;
}
body {
    background-size: 30px 30px;
    background-image: linear-gradient(to right, var(--sheetBg) 2px, transparent 2px),
                     linear-gradient(to bottom, var(--sheetBg) 2px, transparent 2px);
}

h3 {width: fit-content;}
textarea {height: 6em;}
hr {width: 100%; box-sizing: border-box;}

.tab {
    color: white;
    background: var(--sheetBg);
    border: 3px solid;
    border-color: var(--primary);
    font-size: inherit;
    font-family: "Nunito";
    height: fit-content;
    padding: 0.5em; border-radius: 1em; box-sizing: border-box; display: grid; text-align: left;
    position: absolute;
    scrollbar-width: thin;
    > h3 {
        color: var(--primary);
    }
}

.minorInput {
    padding-left: 0.5rem;
    box-sizing: border-box;
    text-align: left;
}

.listed {
    display:flex;gap:0.5em;margin-bottom:0.5em;align-items:center; flex-wrap: wrap;
}
.halfMarginTop { margin-bottom:0; margin-top:0.5em; }
.skillDisplay { z-index: 0; }