*
{
    background-position: 50%;
    background-repeat: no-repeat;
    color: inherit;
    
    font-smooth: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;

    margin: 0;
    outline: none;
    padding: 0;
    scroll-behavior: smooth;
    text-decoration: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -webkit-user-zoom: none;

    --quibBoxWidth: 180px;
    --quibBoxHeight: 180px;
    --panel_tone_0: #C0C0C045;
    --panel_tone_1: #C0C0C038;
    --panel_tone_2: #C0C0C019;
    --footerBgColor: #200036;

    /* used in homemenu */
    --from_bottom_A: 50px;
    --from_right_A: 50px;
    --from_bottom_B: 15vh;
    --from_right_B: 50%;
}

a
{
    text-decoration: overline;
    color: goldenrod;
    text-shadow: 1px 1px 2px black;
}

body 
{
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
        'Oxygen','Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
        'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    /* -moz-osx-font-smoothing: grayscale; */
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
body::-webkit-scrollbar
{
    width: 0;
    height: 0;
}
input
{
    font-size: 16px;
}
img
{
    width: 100%;
    height: 100%;
}
#LW-main
{
    border: 1px solid black;
    box-sizing: border-box;
    height: 96%;
    margin: auto;
    padding: 5px;
    position: relative;
    width: 98%;
}

.isStage
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 96%;
    overflow: hidden;
}
.stage-left
{
    transition: opacity 0.5s ease;
}

.exit-stage-right
{
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 20px;
    border: 1px inset goldenrod;
    background-color: goldenrod;
    color: black;
    cursor: pointer;
    border-radius: 7px;
    font-family: "smartpeople";
    transition: all 0.5s ease;
    font-weight: bold;
    z-index: 2;
}
.exit-stage-right:hover,
.exit-stage-right:hover:active {
    color: aliceblue;
    background-color: rebeccapurple;
    border: 0px;
}

.stg-content
{
    position: absolute;
    top: 75px;
    width: 99.8%;
    height: 87.7%;
    /* border: 1px solid silver; */
}
.isFooter
{
    position: fixed;
    width: 100%;
    height: 4%;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background-color: var(--footerBgColor);
    color: white;
    font-family: atalon;
    display: flex;
    align-items: center;
    justify-content: center;
}

.layer-pge,
.component-pge
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.component-pge
{
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid var(--footerBgColor);
}

.sheen
{
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    transition: background-color 0.5s ease;
    pointer-events: none;
}

.bright_sheen
{
    background-color: rgba(245, 245, 245, 0.5);
}
.dark_sheen
{
    background-color: rgba(0, 0, 0, 0.5);
}
.darker_sheen
{
    background-color: rgba(0, 0, 0, 0.9);
}