main {
    width: 46em;
    margin: 0 auto;
    position: relative;
}
.windowA, .windowB {
    z-index: 1;
}
#mainDiv {
    width: 16em;
    margin: 0;
    position: absolute;
    left: -4em;
    top: 16em;
    z-index: 99;
}
#mainDiv .inner {
    height: 22em;
    text-align: left;
    overflow: hidden;
    padding: 0.3em 0 0.3em 0.3em;
}
#mainDiv .inner p {
    margin: 0;
    padding: 0;
    line-height: 0.9em;
    text-align: justify;
    height: 14em;
    overflow: auto;
}
#ids {
    width: 35em;
    margin: 0;
    position: absolute;
    left: 7em;
    top: 4em;
}
#ids .inner {
    height: 6.5em;
    text-align: center;
}
#types {
    width: 32em;
    margin: 0;
    position: absolute;
    right: 0;
    top: 15.5em;
}
#types .inner {
    height: 18.5em;
    text-align: center;
}
#kinsiders {
    width: 28em;
    margin: 0;
    position: absolute;
    right: -3em;
    top: 41.25em;
}
#kinsiders .inner {
    height: 5em;
}
#kinsiders #info {
    display: inline-block;
    width: 58%;
    vertical-align: top;
    margin: 0.25em;
    line-height: 0.9em;
}
a:has(> .kin) {
    text-decoration: none!important;
}
.kin {
    width: 5em;
    height: 6em;
    display: inline-block;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(.22, 2.06, .11, .69);
    font-size: 1.1em;
}
#types .kin {
    font-size: 1em;
}
#kinsiders .kin {
    font-size: 0.85em;
}
.kin:hover {
    transform: scale(0.95) rotate(1.5deg);
}
.kin img {
    width: 80%;
    margin: 0.5em auto 0;
    border: 4px ridge #361D2E;
    border-radius: 0.75em;
    display: block;
}
.kin p {
    font-size: 0.9em;
    margin: 0 auto;
    width: fit-content;
    padding: 0;
}
#imgA {
    position: absolute;
    display: block;
    width: 15em;
    z-index: 0;
    left: -5em;
    top: 6em;
    pointer-events: none;
}
#imgB {
    position: absolute;
    display: block;
    width: 40em;
    z-index: 0;
    right: -16em;
    top: 9em;
    rotate: 20deg;
    pointer-events: none;
}
#imgC {
    position: absolute;
    display: block;
    width: 16em;
    pointer-events: none;
    bottom: -6em;
    right: -9em;
    z-index: 99;
}
#divider {
    z-index: 5;
    position: relative;
    display: block;
    width: 23em;
    margin: 0.25em 0
}
#back {
    font-family: starshine;
    font-size: 2.2em;
    background-image: url(https://novalite.rest/siteImage/starbgh.gif);
    background-size: contain;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 4px;
    -webkit-text-stroke-color: #361D2E;
    filter: drop-shadow(1px 1px 0 #F0ECA2) drop-shadow(-1px 1px 0 #F0ECA2) drop-shadow(0 -1px 0 #F0ECA2) drop-shadow(1px 0 #F0ECA2);
    position: relative;
    z-index: 999;
    letter-spacing: 0.15em;
    width: fit-content;
    text-decoration: none !important;
    margin: 0 auto 0 0.4em;
    display: block;
    text-align: center;
    transform-origin: center;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(.22, 2.06, .11, .69);
}
#back:hover {
    cursor: pointer;
    scale: 103%;
    rotate: 2deg;
    letter-spacing: 0.2em;
}