body {
    background-image: url('https://confettiguts.gay/siteImg/inOvBg.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center bottom;
}
.window-body {
    background-color: white!important;
}
#mainWindow {
    width: 48em;
    font-size: 1em;
    margin: 7em auto 4em 24em;
    position: relative;
    z-index: 10;
}
.rnbowWindow::before {
    background: linear-gradient(135deg, rgba(255,150,221,1) 0%, rgba(255,206,150,1) 12.5%, rgba(255,242,150,1) 25%, rgba(192,255,150,1) 37.5%, rgba(150,234,255,1) 50%, rgba(150,167,255,1) 62.5%, rgba(186,150,255,1) 75%, rgba(255,150,253,1) 87.5%, rgba(255,150,221,1) 100%)!important;
}
#mainWindow .window-body {
    height: 54em;
}
#mainInner {
    height: 52.5em;
    margin: 0.75em;
    text-align: center;
}
#mainInner p {
    margin: 0.75em auto 0.4em;
    display: block;
    text-align: center;
    width: 35em;
}
#mainInner h2 {
    margin: 0.75em;
    font-size: 1.25em;
    font-style: italic;
}
.redMark {
    background: #FF4961;
    padding: 0.3em 0.4em 0.6em;
    color: white;
    width: 27em!important;
    display: block;
    margin: 1.5em auto!important;
    border-radius: 0.25em;
    display: block;
}
#mainInner mark {
    background-color: #43E6A0;
}
.redMark strong {
    font-size: 1.2em;
}
.mobileWarn {
    display: none;
}
#logo {
    width: 28em;
    margin: 1.5em auto 1.35em;
    display: block;
    image-rendering: pixelated;
}
hr {
    border-top: 1px dotted black;
    width: 64%
}
#enterBtn {
    display: block;
    width: 57%;
    font-size: 1.6em;
    margin: 1.25em 0.75em auto auto;
    cursor: pointer;
    text-decoration: underline dotted;
}
#leaveBtn {
    display: block;
    width: 57%;
    margin: 1em 1.15em auto auto;
    cursor: pointer;
}
.windowFauxFav {
    height: 1em;
    vertical-align: -0.15em;
    margin-right: 0.5em;
    filter: drop-shadow(0px 0px 5px white);
}
#webrings {
    width: 22em;
    font-size: 1em;
    position: absolute;
    z-index: 10;
    left: 74em;
    top: 17em;
}
#webrings .window-body {
    height: 35em;
}
#webrings .window-body .webringInner {
    overflow: hidden auto;
    height: 35em;
    margin: 0;
    padding: 0;
    text-align: center;
}
#xenicRing {
    font-size: 1.25em;
    margin: 0.5em auto!important;
    text-align: center;
}
#xenicRing table {
    margin: 0.5em auto 0.5em auto!important;
}
#xenicRing #xenicFlag {
	background: url('https://confettiguts.gay/siteImg/plurgender.png')!important;
	background-size: 100% 100%!important;
}
#xenicRing #next-arrow {
	background: url('https://confettiguts.gay/siteImg/arrowNewB.png')!important;
}
#xenicRing #prev-arrow {
	background: url('https://confettiguts.gay/siteImg/arrowNew.png')!important;
}
#ncring {
	display: block;
	text-align: center!important;
	margin: 0.2em auto 0.2em auto!important;
}
#ncring table {
	text-align: center!important;
	width: auto;
	margin: auto;
}
#transring table {
	margin: 0.2em auto!important;
}
#transring .webring-info img {
     width: 10.5em;
}
#transring .webring-prev img {
     width: 2.5em;
}
#transring .webring-next img {
     width: 2.5em;
}
#ahsc, #ahsc table, #ahsc .ahsc-prev, #ahsc .ahsc-info, #ahsc .ahsc-next {
     font-size: 1.25em!important;
     text-align: center!important;
}
#ahsc .ahsc-links, #ahsc .ahsc-prev, #ahsc .ahsc-next {
     font-size: 0.8em!important;
     text-align: center!important;
}
#ahsc {
     width: 100%!important;
     padding: 1px 1px 1px 0px!important;
     margin: auto auto 0.5em auto!important;
}
#ahsc table {
     width: 91%!important;
     margin: auto auto 0.5em auto!important;
     display: block!important;
     height: auto!important;
}
#fictoring {
     width: 90%!important;
     padding: 1px 1px 1px 0px!important;
     margin: auto auto 0.5em auto!important;
}
#fictoring .fictolove-boxxy {
     width: 88%!important;
     height: 11.5em!important;
}
#fictoring a, #fictoring a:link, #fictoring a:hover, #fictoring a:active, #fictoring a:visited {
     color: #ffddff!important;
}
#autiring {
  width: 100%;
  display: block;
}
#autiring table {
  width: auto;
  margin: 0.2em auto 0.2em auto;
}
#sideWinA {
    width: 18em;
    position: absolute;
    z-index: 11;
    top: 41em;
    left: 8em;
}
#sideWinA .window-body {
    height: auto;
}
#sideWinA .window-body img {
    width: 100%;
    margin-bottom: -0.25em;
}
#sideWinB {
    width: 26em;
    position: absolute;
    z-index: 12;
    top: 54em;
    left: 16em;
}
#sideWinB .window-body {
    height: auto;
}
#sideWinB .window-body img {
    width: 100%;
    margin-bottom: -0.25em;
}
#sideWinC {
    width: 27em;
    position: absolute;
    z-index: 9;
    top: 3em;
    left: 64em;
}
#sideWinC .window-body {
    height: auto;
}
#sideWinC .window-body img {
    width: 100%;
    margin-bottom: -0.25em;
}
.title-bar-text a, .title-bar-text a:hover, .title-bar-text a:active, .title-bar-text a:visited, .title-bar-text a:link {
    text-decoration: none!important;
    color: black!important;
}
#cornerImg {
    position: absolute;
    z-index: 1;
    bottom: 1.5em;
    transform: scaleX(-1);
    right: 8em;
    width: 25em;
}
#selfinsertExtra {
    width: 90%;
    margin: 1em auto 1.5em;
    letter-spacing: -0.03em;
    font-size: 0.95em;
}
@media screen and (max-width: 799px) {
    #cornerImg, #sideWinA, #sideWinB, #sideWinC {
        display: none;
    }
    .mobileWarn {
        display: inline!important;
    }
    #mainWindow .window-body {
        height: 59em;
    } 
    #mainWindow, #webrings {
        width: 96%;
        position: relative;
        margin: 1em auto;
        display: block;
        left: 0;
        top: 0;
    }
    #mainInner p {
        margin: 0.75em auto 0.4em;
        display: block;
        text-align: center;
        width: 85%;
    }
    #mainInner h2 {
        margin: 0.75em;
        font-size: 1.25em;
        font-style: italic;
    }
    .redMark {
        background: #FF4961;
        padding: 0.3em 0.4em 0.6em;
        color: white;
        width: 85%!important;
        display: block;
        margin: 1.5em auto!important;
        border-radius: 0.25em;
        display: block;
    }
    #mainInner mark {
        background-color: #43E6A0;
    }
    .redMark strong {
        font-size: 1.2em;
    }
    .mobileWarn {
        display: none;
    }
    #logo {
        width: 85%;
        margin: 1.5em auto 1.35em;
        display: block;
        image-rendering: pixelated;
    }
    hr {
        border-top: 1px dotted black;
        width: 64%
    }
    #enterBtn {
        display: block;
        width: 85%;
        font-size: 1.6em;
        margin: 1.25em auto 0.5em;
        cursor: pointer;
        text-decoration: underline dotted;
        position: relative;
    }
    #leaveBtn {
        display: block;
        width: 85%;
        margin: 0.75em auto;
        font-size: 1.3em;
        cursor: pointer;
        position: relative;
    }
}