#mainContainer {
    width: 90%;
    margin: 1vh auto;
    font-size: 150%;
}

.grid {
    display: grid;
    align-items: center;
    justify-items: center;
}

.threeRow {
    grid-template-rows: 1fr 1fr 1fr;
    gap: 1vh;
}

.fourRow {
    grid-template-rows: 1fr 1fr 1fr 1fr;
    gap: 1vh;
}

#topGrid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1vw;
}

#equipGrid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    height: 100%;
}

.equipmentCell {
    border: 1px solid #9400d3ff;
    box-sizing: border-box;
    border-radius: 10%;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.filler {
    border: 1px solid #9400d3ff;
    box-sizing: border-box;
    border-radius: 10%;
    width: 70px;
    height: 70px;
}

.unequipped {
    opacity: .5;
}

#characterContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

.character {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 61px;
    height: 61px;
    object-fit: none;
    object-position: top left;
    zoom: 4;
}

.fill {
    width: 100%;
    height: 100%;
}

.table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    text-align: center;
}

#bottomGrid {
    grid-template-columns: 2fr 1fr;
    gap: 2vw;
    max-height: 50vh
}

#itemTabs {
    display: flex;
    width: 100%;
    gap: 1vw;
    margin-bottom: 1vh;
}

.tab {
    flex-basis: 1px;
    flex-grow: 1;
    height: 44pt;
}

.selectedTab {
    background-color: #9400d3ff;
}

#itemGrid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

.placeholderItemGrid {
    height: 390px;
}

.inventory:hover {
    cursor: pointer;
    opacity: 0.7;
}

#itemStats {
    display: grid;
    grid-template-rows: 1fr 1fr;
}

#itemButtons {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

.itemButton {
    width: 100%;
    height: 100%;
}

.active {
    background-color: #9400d3ff;
}