common.css

@font-face {
    font-family: Minecraftia;
    src: url('fonts/Minecraftia-Regular.ttf')
}

.mcui {
    display: inline-block;
    position: relative;
    background-color: #c6c6c6;
    border: 4px solid;
    border-color: #dbdbdb #5b5b5b #5b5b5b #dbdbdb;
    padding: 6px;
    text-align: left;
    white-space: nowrap;
    vertical-align: bottom;
}

.mcui::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border: 2px solid #000;
}

.mcui-rounded {
    border-radius: 8px;
}

.mcui-rounded::before {
    border-radius: 8px;
}

.mcui-combined > * {
    display: block;
}

.mcui-combined-horizontal > * {
    display: inline-block;
}

.mcui-combined > .mcui-crafting {
    padding-left: 40px;
}

.mcui-label {
    display: block !important;
    font-family: Minecraftia;
    color: #3f3f3f;
    font-size: 16px;
}

.mcui-label-large {
    font-size: 24px;
}

.pixelart {
    image-rendering: crisp-edges;
}

.tooltip {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #100010;
    background-color: rgba(16, 0, 16, 0.94);
    padding: 0.375em;
    font-family: Minecraftia;
    font-size: 16px;
    word-spacing: 4px;
    white-space: nowrap;
    line-height: 1.25em;;
    color: #fff;
    text-shadow: 0.125em 0.125em 0 #3f3f3f;
    margin: 0.125em 0.125em;
    pointer-events: none;
    z-index: 9999;
}

.tooltip::before {
    content: "";
    position: absolute;
    top: 0.125em;
    right: -0.125em;
    bottom: 0.125em;
    left: -0.125em;
    border: 0.125em solid #100010;
    border-style: none solid;
    border-color: rgba(16, 0, 16, 0.94)
}

.tooltip::after {
    content: "";
    position: absolute;
    top: 0.125em;
    right: 0;
    bottom: 0.125em;
    left: 0;
    border: 0.125em solid #2d0a63;
    border-image: linear-gradient(rgba(80,0,255,0.31),rgba(40,0,127,0.31)) 1
}

.tooltip > .description {
    display: block;
    margin-top: 0.25em;
}