#eggs {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 10%;
    text-align: center;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 350ms;
}

.content2 {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
#snz,
#snz canvas {
    overflow: visible;
    height: calc(100vh - 5px);
}

::-webkit-scrollbar {
    width: 1vw;
}

::-webkit-scrollbar-track {
    background: #888;
}

::-webkit-scrollbar-thumb {
    background: #555;
}

::-webkit-scrollbar-thumb:hover {
    background: #333;
}

.windowfloat {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 20%;
    visibility: hidden;
    opacity: 0;
    transition: all 450ms;
}

.floattitle {
    position: relative;
    left: 7vw;
    margin: 1.5vw 0;
    font-family: 'Segoe UI Black', seguib;
    font-size: 2vw;
    width: fit-content;
    width: -moz-fit-content;
    transform: skewX(-15deg);
    padding: 0 2vw;
}

#abtx {
    background-color: #277e48;
}

#prtx {
    background-color: #26697e;
}

.center {
    left: 0%;
    transform: translateY(250%) translateX(250%);
    width: 20vw;
    height: 20vw;
}
#artx {
    background-color: #3c2883;
}

.floattitletext {
    position: relative;
    transform: skewX(15deg);
    font-style: italic;
}

.floatcontent {
    height: calc(100% - 3vw);
}

.floatitem {
    position: relative;
    padding: 0.5vw;
    margin: 2vw 0 -1vw 0;
    font-family: 'Segoe UI', segui;
    font-size: 1.3vw;
}

.floatheader {
    position: relative;
    padding-left: 0.5vw;
    margin: 2vw 0 -1vw 0;
    font-family: 'Segoe UI', segui;
    font-size: 1.3vw;
}

.floatcontent p {
    padding: 0.2vw 0;
}

.floatscrolly {
    overflow-y: auto;
    margin: 0 2vw 0 2vw;
    height: calc(100% - 8vw);
}

.abco {
    background-color: #277e4830;
}

.prco {
    background-color: #26697e30;
}

.arco {
    background-color: #3c288330;
}

.bheader {
    position: relative;
    font-size: 1.5vw;
    font-weight: bold;
}

.itemtitleft {
    position: relative;
    padding-bottom: 0.5vw;
    font-size: 1.5vw;
    font-weight: bold;
}

.itemlink {
    font-size: 1vw;
}

.itemtitright {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.5vw;
    font-size: 1.5vw;
    font-weight: bold;
    display: inline-flex;
}

.itemcontent {
    position: relative;
}

.rank {
    font-style: italic;
    font-size: 2.5vw;
    line-height: 0;
    transform: translateY(0.9vw);
}

.xrank {
    color: goldenrod;
}

.srank {
    color: silver;
}

.arank {
    color: skyblue;
}

.brank {
    color: yellowgreen;
}

.crank {
    color: plum;
}

.drank {
    color: salmon;
}

.krank {
    color: gray;
}

.amelicircb {
    left: 0%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.amelicirc,
.amcirclebg {
    position: relative;
    transition: width 500ms, height 200ms, left 450ms, top 450ms, filter 500ms;
    width: 20vw;
    height: 20vw;
    font-family: 'Segoe UI Black', seguib;
    font-style: italic;
}

.amcirclebg {
    filter: brightness(0.5);
}

img.center {
    display: block;
    margin: 0 auto;
    width: 20vw;
    height: 20vw;
}