/* =============
	 Theme
============= */
@font-face {
  font-family: "KiwiSoda";
  src: url("https://mi-api.bungle.online/weeblism/fonts/KiwiSoda.ttf");
}

:root {
  --white: #FFFFFF;
  --alert: #DF2020;

  --purple: #c9bfff;
	--pink: #e5a9ef;
	--light-blue: #85e8fc;
	--secondary: #c6e25f;
	--primary: #2f3b52;
	--blue: #25b4c4;
	--background: #242e42;

  --text-color: var(--purple);
  --weak-text-color: var(--text-color);
  --link-color: var(--light-blue);
  --icon-color: var(--light-blue);
  --background-color: var(--background);
  --hover-color: var(--background);

  --header-color: var(--pink);

  --weak-border-color: var(--secondary);
  --border-color: var(--blue);

  --header-background-color: var(--primary);
  --header-text-color: var(--text);

  --card-background-color: var(--primary);
  --toggle-background-off: var(--primary);
  --toggle-background-on: var(--text-color);

  --button-background-color: var(--primary);
  --button-border-color: var(--secondary);
  --button-text-color: var(--light-blue);
  --button-alert-color: var(--white);

  --flash-background-color: var(--primary);
  --flash-text-color: var(--white);
  --flash-alert-color: var(--alert);

  --box-shadow: 0 2px 2px 0 var(--background), 0 1px 2px 0 var(--background);
  --inset-box-shadow: 0 1px 3px var(--background) inset;
  --radius: 15px;
  --gap: .66%;

  --font: KiwiSoda;
  --icon: 'Font Awesome 6 Free';
}

html{color:var(--text-color);font-family:var(--font);accent-color:var(--pink)}
blockquote{margin-inline:1.5rem}
b,u{color:var(--border-color)}
em{color:var(--secondary)}
h1{font-size:3.2rem}
h2{font-size:2.7rem}
h3{font-size:2.2rem}
h4{font-size:2rem}
h1,h2,h3,h4{color:var(--header-color)}
h1,h2,h3,h4{margin-block:0;margin-bottom:1.5rem}
p,ul,ol,menu{font-size:1.3rem;line-height:1;list-style-type:none;padding:0;border:0;vertical-align:baseline;padding-inline-start:0;margin-block:0}
a{color:var(--link-color);text-decoration:none}
p,ul:not(:last-child),ol:not(:last-child){margin-bottom:1.3rem}
ol.numbered,ul.bulleted{padding-left:1.2rem}
ol.numbered>li, ul.bulleted>li {margin: .5rem 0}
ul.bulleted{list-style:disc}
ol.numbered{list-style:decimal}
pre,code{font-family:Monaco,"Bitstream Vera Sans Mono","Lucida Console",Terminal,monospace;font-size:.8rem;width:100%;background-color:var(--card-background-color);border:1px solid var(--weak-border-color);border-radius:10px}
pre{padding:.75rem;margin-bottom:1rem;overflow:auto;border:1px solid var(--weak-border-color);border-left-width:.75rem}
code{padding:.2rem.3rem;line-height:1.5em}
pre code{border:none;display:block}
span{font-size:1.1rem;color:var(--weak-border-color)}
time{font-size:1.7em}.text-center{text-align:center}

@media screen and (max-width:820px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1rem}p,ul,ol,menu{font-size:.9rem}h1,h2,h3,h4{margin-bottom:.9rem}p,ul:not(:last-child),ol:not(:last-child){margin-bottom:.9rem}}

/* =============
	Accordians
============= */
details{display:block;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--weak-border-color)}
details summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;list-style-type:none;cursor:pointer;line-height:1.5;font-size:1.2rem}
details summary:after{content:'';display:block;height:1.5rem;width:1.5rem;background-image:var(--expand-image);background-position:center center;background-size:cover;background-repeat:no-repeat;transform:rotate(0deg);transition:transform.2s ease-in-out}
details[open]summary{margin-bottom:1rem;color:var(--weak-text-color)}
details[open]summary:after{transform:rotate(180deg)}
details summary::-webkit-details-marker,details summary::marker{display:none}
details summary::-moz-list-bullet{list-style-type:none}

/* =============
	Buttons
============= */
button,.button{--background:var(--button-background-color);--text:var(--button-text-color);--border:var(--secondary);--loader:var(--button-loader-primary);display:flex;align-items:center;gap:.5rem;height:2.75rem;padding:.3rem;border:1px solid var(--border);background-color:var(--background);cursor:pointer;color:var(--text);border-radius:10px;font:1.5rem var(--font)}
button.disabled,.button.disabled{background-color:#b6b4b4;color:#65868d;border:2px solid #818f51;cursor:not-allowed;box-shadow:inset-1px 1px 2px var(--primary),1px 1px 2px var(--primary)}
button:hover,.button:hover,.button:hover a{--background:var(--white);--text:var(--text-color);--border:var(--pink);box-shadow:var(--inset-box-shadow)}
button svg,.button svg{--icon-color:var(--text);width:1.5rem;height:1.5rem;margin-left:-.25rem;flex-shrink:0}
button.loading,.button.loading{padding-left:3rem;background-image:var(--loader);background-repeat:no-repeat;background-position-x:.75rem;background-position-y:center;background-size:1.5rem 1.5rem}
button.secondary,.button.secondary{--background:var(--background-color);--border:var(--button-border-color);--text:var(--button-border-color);--loader:var(--button-loader-secondary)}
button.alert,.button.alert{--background:var(--white);--text:var(--text-color);--border:var(--pink);--icon-color:var(--pink)}
.btn{height:31px;width:88px}
.buttongrid{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:.6rem;justify-items:center}

/* =============
	Cards
============= */
.card-list{display:flex;flex-direction:column;gap:2rem}
.card{padding:.5rem;border:3px double var(--border-color);border-radius:var(--radius);background-color:var(--card-background-color)}

/* =============
	Dropdowns
============= */
.dropdown{position:relative;cursor:pointer}
.dropdown.button{text-transform:none;text-decoration:none;padding-right:2.25rem;background-repeat:no-repeat;background-position:right.5rem center}
.dropdown ul.menu{display:none;visibility:hidden;width:max-content;max-width:14rem;box-shadow:var(--box-shadow)}
.dropdown.menu a{padding:.75rem 1rem;width:100%;line-height:1.5;color:var(--text-color);text-decoration:none}
.dropdown.menu a:hover{background-color:var(--card-background-color)}
.dropdown:focus-within.button,.dropdown:hover.button,.dropdown:focus-within button,.dropdown:hover button{border-bottom-right-radius:0;border-bottom-left-radius:0}
.dropdown:focus-within.menu,.dropdown:hover.menu{visibility:visible;display:block;position:absolute;left:0;top:100%}

/* =============
	Flashes
============= */
.flash-container{--background:var(--flash-background-color);--color:var(--flash-text-color);position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:1rem}
.flash-container.message{padding:1rem 1.5rem;color:var(--color);background-color:color-mix(in srgb,var(--background)85%,transparent);animation:hideMessage.1s ease-in 5s;animation-fill-mode:forwards;border-radius:var(--radius)}
.flash-container.message.error{--background:var(--flash-alert-color)}
button.secondary:hover,.button.secondary:hover,button.alert:hover,.button.alert:hover{--background:var(--button-background-color)}
@keyframes hideMessage{0%{opacity:1;height:auto}
99%{opacity:0;height:auto}
100%{visibility:hidden;opacity:0;height:0}}

/* =============
	Forms
============= */
form{display:flex;flex-direction:column}
form:not(:last-child){margin-bottom:2rem}
fieldset{display:flex;gap:1rem;flex-wrap:wrap}
fieldset.vertical{flex-direction:column}
fieldset.actions{justify-content:flex-end}
fieldset button,fieldset.button{align-self:flex-end}
label{flex:1;width:auto;gap:.5rem;cursor:pointer}
legend{display:contents}
label,legend{padding:.25rem;font-size:1.75rem}
label.checkbox,label.radio,label.toggle{flex-direction:row;align-items:center;font-size:1rem;text-transform:none;gap:.75rem;-webkit-user-select:none;user-select:none;font-size:1.7rem}
input,select{text-transform:none;padding:.5rem;border:1px solid var(--border-color);color:var(--text-color);background-color:var(--background-color);border-radius:var(--radius);font:1.8rem var(--font)}
input[type=submit]{--text:var(--button-text-color);--border:var(--secondary);border:1px solid var(--border);color:var(--text)}
select{padding-right:2rem;appearance:none;background-repeat:no-repeat;background-position:right.5rem center}
input[type=checkbox],input[type=radio]{margin:0;height:1.5rem;width:1.5rem;border-color:var(--border-color)}

/* =============
	Layout
============= */
*{scrollbar-width:thin;box-sizing:border-box;scrollbar-color:var(--blue)#fff0}
aside{background:var(--primary);display:flex;flex-direction:column}
article{display:block}
body{background-color:var(--background-color);margin:0;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;gap:1rem;padding:.5rem}
body>header svg{width:1.5rem;height:1.5rem;flex-shrink:0;--icon-color:var(--links)}
body>header svg.logo{width:4rem;height:3rem}
body>header h1{font-weight:700;font-size:1.2rem;margin:0}
figure{margin-inline:1.5rem}
figcaption{text-align:center;blockquote::before{content:"\2014 \a0"}}
img{max-width:100%}
main{border:3px solid var(--weak-border-color);border-radius:var(--radius);background-color:var(--card-background-color);width:50%;padding:.3rem}
section{display:flex}
footer{padding:var(--body-padding);grid-area:footer;display:flex;flex-direction:column;justify-content:space-between;background-repeat:no-repeat}
footer a,footer a:visited{color:var(--inverted-text-color)}
footer li{margin-bottom:.5rem}
svg{height:1.9rem}
.breakline{border-bottom:dotted var(--weak-border-color);margin:.5rem 0}
.bluebreakline{border-bottom:dotted var(--link-color);margin:.5rem!important}

/* =============
  Navs + Menus
============= */
nav{background-color:var(--card-background-color);border:3px solid var(--weak-border-color);border-radius:var(--radius);padding:.3rem}
nav ul{display:flex;list-style:none;padding:0;margin:0;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}
nav li{display:inline-block;margin:.9rem}
nav a,nav a:visited{color:var(--link-color);text-decoration:none;font-size:1.1rem}
nav svg{color:var(--weak-text-color);width:1rem}
nav a:hover{background-color:var(--hover-color)}
.menu-toggle{display:none}
.navbutton{border:2px solid var(--weak-border-color);height:auto}
.navbutton:hover{border-color:var(--text-color)}
.navbutton a:hover{color:var(--pink);background-color:transparent}

/* =============
	Modals
============= */
dialog{border:none;padding:0;width:clamp(50vw,40rem,calc(100vw-2*var(--body-padding)));padding:2rem;background-color:var(--card-background-color);border:3px double var(--border-color);border-radius:var(--radius);color:var(--text-color)}

/* =============
	Tables
============= */
.table-scroll-wrapper{overflow-x:scroll}
table{min-width:0}
th,td{padding:.75rem 1.5rem}
th{font-weight:500;text-align:left}
thead th,thead td{border-width:2px}
tfoot th,tfoot td{border-width:2px;border-bottom-style:none;border-top-style:solid}

/* =============
	Toggles
============= */
.toggle input{--toggle-height:2rem;--toggle-width:calc(1.8*var(--toggle-height));--toggle-padding:calc(var(--toggle-height)/8);--indicator-size:calc(var(--toggle-height)-2*var(--toggle-padding));appearance:none;position:relative;cursor:pointer;height:var(--toggle-height);width:var(--toggle-width);background:var(--toggle-background-off);padding:var(--toggle-padding);border-radius:var(--toggle-height);border:none;box-shadow:var(--inset-box-shadow);transition:.1s linear background}
.toggle input:before{content:'';display:block;position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:var(--indicator-size);height:var(--indicator-size);background:var(--pink);border-radius:var(--indicator-size);transition:.1s linear transform;transform:translateX(0);box-shadow:var(--box-shadow)}
.toggle input:checked{background-color:var(--toggle-background-on)}
.toggle input:checked:before{transform:translateX(calc(var(--toggle-width)-var(--indicator-size)-2*var(--toggle-padding)))}

/* =============
	Tooltips
============= */
[data-tooltip]{--caret-height:.4rem;color:var(--text-color);cursor:pointer;text-decoration:underline;position:relative}
[data-tooltip]:hover:before,[data-tooltip]:focus-within:before{content:attr(data-tooltip);position:absolute;bottom:calc(100%+var(--caret-height));padding:.33rem.5rem;background-color:var(--background-color);width:max-content;max-width:15rem;border:1px solid var(--border-color);border-radius:var(--radius);color:var(--link-color);font-size:1rem;line-height:1.5}

/* =============
	Mobile
============= */
@media screen and (max-width:820px){.buttongrid{grid-template-columns:repeat(3,1fr)}.card{padding:.3rem}main{width:100%}.breakline{margin:.7rem 0}nav{border:none;background-color:#fff0;width:85%;margin:0 auto}.menu-toggle{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;-webkit-user-select:none;user-select:none;cursor:pointer}.menu-toggle svg{width:100%;height:100%}.menu-open nav{left:0}.menu-open .menu-toggle svg.close{display:initial}.menu-toggle svg.close,.menu-open .menu-toggle svg.open{display:none}}

/* =============
	Structure
============= */
.wrap{background-color:var(--background-color);border:none;display:flex;gap:.3rem;height:100%;width:80%}.column{border:3px solid var(--weak-border-color);border-radius:var(--radius);display:flex;flex-direction:column;height:fit-content;padding:.3rem;width:75%}
.favicon{height:2rem}
#extras{gap:var(--gap)}

/* =============
	Intro Row
============= */
section#row{flex-direction:row;gap:var(--gap);max-height:805px}
#about{height:100%;overflow-y:scroll}
#about>section{display:inline-block}
.main-col-1{justify-content:space-between;width:25%;gap:var(--gap)}.main-col-2{gap:var(--gap);width:80%}.main-col-1,.main-col-2{display:flex;flex-direction:column}
#headcard{padding:0}
#headcard>h1{margin:.5rem 0}
#my-shows{flex-direction:column}
.fandoms{display:grid;gap:var(--gap);grid-template-columns:repeat(3,1fr);margin:.6rem auto;text-align:center;width:80%;justify-items:center;}.fancard{align-items:center;display:flex;flex-direction:column;width:160px}#intscroll {flex-grow:1;}

/* =============
	Blinkees
============= */
.blinkee{height:31px;width:88px}
#blinkees{display:block;min-height:31.5px;overflow:hidden;width:100%}.marquee{display:flex;gap:var(--gap);-webkit-user-select:none;user-select:none}.marquee>ul{list-style-type:none}
#blink1,#blink2{animation:scroll 30s linear infinite;display:flex;flex-shrink:0;gap:var(--gap);margin:3px 0;min-width:100%;padding:0}.marquee--hover-pause:hover.marqcontent{animation-play-state:paused}
@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - var(--gap)));
    }
}

/* =============
	Friends
============= */
#frencard,#gifycard,#player{flex-direction:column}
#frencard{width:36%}.reviews{align-items:center;display:flex;gap:.5rem;margin-bottom:.3rem}.tquote{background:var(--background-color);border-radius:10px;color:var(--border-color);font-size:1.3rem;margin-left:.5rem;padding:.5rem.4rem;position:relative;text-align:center}.tquote::before{background:var(--background-color);clip-path:polygon(100%0,100%100%,0%50%);content:"";height:1.1rem;left:-.7em;position:absolute;top:.45em;width:1.1rem}.fren{background:var(--text-color);border-radius:var(--radius);height:3.1rem;padding:1px;width:3.1rem}

/* =============
	Webrings
============= */
#gifycard{width:31%}
#women-web{margin:3.1rem auto}
#animalcrossingring{width: 100%; height: auto;}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
@font-face {
  font-family: 'Font Awesome 6 Free';
  src: url("https://mi-api.bungle.online/weeblism/fonts/fa-solid-900.woff2") format("woff2"); 
}

.fas,.fa-solid{font-weight:900}.fas,.fa-solid{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fas::before,.fa-solid::before{content:var(--fa)}.fas,.fa-solid{font-family:var(--icon)}.fa-backward{--fa:"\f04a"}.fa-play{--fa:"\f04b"}.fa-forward{--fa:"\f04e"}.fa-pause::before {content: "\f04c";}

/* =============
  Musicplayer
============= */
#player{align-items:center;justify-content:space-between;max-width:32%}
#musicplayer{background-color:var(--background-color);border-radius:var(--radius);padding:4px}.jjk{border-radius:var(--radius);height:50%;width:80%}.seeking,.volume{display:flex;justify-content:space-evenly;margin-bottom:.4rem;padding:.6rem 0 0 .6rem}.track-name,.track-artist{color:var(--link-color);font-size:1.2rem;padding:0 3px;text-align:center}.now-playing{color:var(--link-color);font-size:1.2rem;text-align:center}.seek_slider,.volume_slider{background:var(--weak-border-color);border:none;border-radius:10px;font-size:.8rem;height:5px;padding:0;--webkit-appearance:none}.seek_slider::-moz-range-thumb,.volume_slider::-moz-range-thumb{background:var(--border-color);border-radius:50%}.controls{font-size:1.3rem!important;text-align:center;width:100%}.controls td{border:none}.voltext{font-size:1.1rem;margin:0 5px}.inner{display:grid}

/* =============
	Sidebar
============= */
#sidebar{align-items:center;border:3px solid var(--weak-border-color);border-radius:var(--radius);gap:2%;padding:5px;width:25%}
#rss-title,#pet-title{margin:1.5rem 0;padding:0}
#rss-title>h2,#pet-title>h2{margin:.8rem 0}.gifpet{height:327px;margin:0 auto;padding:0;width:100%}
#Rssscroll{height:560px;overflow-y:scroll}
#logcard{background-color:var(--primary);height:100%;overflow-y:auto}.rssItem{background-color:var(--background-color);border-radius:8px;color:var(--weak-border-color);margin-bottom:.6rem;padding:.3rem;text-align:center}.rssHeading{margin:1rem 0}.rssContent{font-size:1.3rem;margin:.7rem 0}.rssTitle{color:var(--link-color);font-size:1.6rem}

/* =============
 Homepage Mobile
============= */
.swiper{height:calc(100vh-162px)}.interests{color:var(--link-color)}
#pagemenu{background:var(--primary);border:3px solid var(--weak-border-color);border-radius:var(--radius);display:flex;height:fit-content;justify-content:space-evenly;padding:.5rem;width:100%}.menu-link{align-items:center;display:flex;flex-direction:column;height:100%}.menu-link>span{color:var(--link-color);font-size:1rem}

@media screen and (max-width:820px){.about{height:660px;overflow-y:scroll;width:100%}.aboutimg{width:80px}#intscroll{flex-direction:column}#intscroll,#about{height:694px;padding:.8rem}.interests>li{font-size:1.8rem;margin:1.3rem 0}.favicon{height:1.5rem}.fancard{width:100px;}#about,#intscroll,#frencard,#gifycard,#player,#Rssscroll{height:694px;max-width:100%;padding:.8rem;width:100%}.tquote{font-size:1.4rem}.reviews{margin:.5rem 0}.seek_slider,.volume_slider{width:75%}#logtitle{font-size:2.5rem}#logcard{height:600px}#about,.rssFeed{overflow:hidden}.fandoms,.play-bars{width:100%}#interesttitle,#frentitle,#tunestitle,#ringtitle{font-size:2rem}}

/* =============
	Blog
============= */
.blog{background-color:var(--background-color);padding:.6rem}
.lognav{margin:1.1rem auto;display:flex;justify-content:space-evenly}
.latest{width:100%;padding-block-start:.4rem;padding-block-end:.4rem;border-block-start:2px double var(--border-color);margin-top:10px;display:flex;flex-direction:row;gap:10px}
.fake-link{color:var(--link-color);margin:0;text-decoration:underline}
.barbuttons{justify-content:space-between}.buttongroup{display:flex;justify-content:space-around;width:120px;margin:0;height:fit-content;align-self:flex-start}
.dot{height:30px;width:30px;border-radius:50%}
.pink{background-color:var(--header-color)}
.blue{background-color:var(--border-color)}
.green{background-color:var(--secondary)}
iframe{width:100%;height:100%;border-radius:10px;transition:height .3s ease-in-out}
#entry{width:100%;height:fit-content;padding:10px;border:3px double var(--border-color);border-radius:var(--radius);transition:height .3s ease-in-out}
.frame-blog{background-color:var(--primary);text-shadow:2px 2px #00000081;height:fit-content}
#blogicon{height:4em}
.abtwrap{justify-content:center;flex-wrap:nowrap;width:fit-content}
.abttxt{font-size:1.5rem}
.log-link:hover, .log-link:visited{color:var(--text-color);text-shadow:2px 2px #2c4e55}
.archive li:hover{background-color:var(--link-color)}
.archive li{margin:0 1.3rem}
.archive{display:flex;flex-wrap:wrap;justify-content:center;width:100%}
.logs{display:flex;flex-direction:column;flex-wrap:wrap;max-width:6rem}
.logicon{width:5rem;margin:0 auto}.logtitle{padding:5px}.content{width:fit-content}
.loghead,.latesttitle p{margin:0}.abttitle,.logtitle>p{margin:0;white-space:wrap}
.log-link:link,#question-number{color:var(--link-color)}
.padbar{padding-block-start:1rem;border-top:4px double var(--border-color)}
#post-nav>ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 15px;padding-inline-start:0}
#post-nav{margin-bottom:.9rem}
.first{order:1;a::before{content:"< \a0"}}.second{order:2;text-align:center}.third{order:3;text-align:right;a::after{content:"\a0 >"}}
.postnav>a{text-decoration:none;border:1px solid var(--secondary);padding:5px;border-radius:10px;background:var(--primary);font-size:1rem;white-space:nowrap}
.postnav>a:hover{text-decoration:none;border:1px solid var(--header-color);background:#eeecec;box-shadow:1px 1px 2px var(--primary) inset;color:var(--text-color);text-shadow:none}
.blogpost{display:block}.blogpost a{text-decoration:underline}.blogpost img{display:block;margin-inline:auto;width:70%;margin:.5rem auto}
.gallery{--gallery-cols:1;display:grid;grid-template-columns:repeat(var(--gallery-cols),1fr);gap:calc(2rem / var(--gallery-cols));list-style-type:none;margin:1rem auto;&:has(:nth-child(2)){--gallery-cols:2}&:has(:nth-child(5)){--gallery-cols:3}&:has(:nth-child(10)){--gallery-cols:4}img{height:100%;width:100%;object-fit:cover}}

/* =============
	Quiz
============= */
.quiz{padding:.4rem}
.info-width{width:85%}
.quiz>*,.quiz-info>*{text-shadow:2px 2px #00000081;text-align:center}
.quiz>h1,.quiz>h2,.quiz>h3,.quiz>h4{margin-bottom:1rem}
.quiz-text{font-size:1.5rem;margin-bottom:.5rem}
.quiz-info{flex-direction:column}
.start{width:fit-content;margin:0 auto}
.axes{display:grid;grid-template-columns:1.2fr 0.6fr 1.2fr;grid-template-rows:1fr;gap:0 0;grid-auto-flow:row;grid-template-areas:". . .";margin:10px auto}
.ax-title{color:var(--link-color);text-decoration:underline}
.axes-title{color:var(--secondary)}
.spec-box{background-color:var(--primary);border:3px solid var(--secondary);border-radius:var(--radius);padding:4px;text-align:center}
.notice{width:70%;display:block;margin:.9rem auto;font-size:1.5rem}
#question-text{border:3px solid var(--secondary);background-color:var(--background-color);padding:2rem;width:70%;border-radius:var(--radius);margin:1rem auto;text-shadow:2px 2px #00000081}
#question-text p{font-size:3rem;text-align:center}
.stronglyAgree,.stronglyAgree:hover,.stronglyAgree:focus,.agree,.agree:hover,.agree:focus,.neutral,.neutral:hover,.neutral:focus,.disagree,.disagree:hover,.disagree:focus,.stronglyDisagree,.stronglyDisagree:hover,.stronglyDisagree:focus{color:var(--border-color);font-size:2rem}
.answers{gap:.9rem;width:fit-content;margin:1rem auto}
.answers button{background-color:var(--background-color);&:hover{background-color:var(--white)}}
#back_button{margin:.3rem auto}
.sp-wrap,.fm-wrap{display:flex;flex-direction:row;justify-content:center;margin:1.8rem auto;padding:.3rem}
.chart-wrap{margin:0 auto;max-height:500px}
#fandom-meta-label,#source-purity-label{font-size:1em}
.result-label{color:var(--border-color)}.result-wrap{width:45%;flex-direction:column}

/* =============
Blog/Quiz Mobile
============= */
@media screen and (max-width:820px){#blogicon{height:2.4em;margin-left:5px}.arch-title{font-size:2.3em}.logtitle>p{font-size:1em}.logicon{width:2em}.blog{height:calc(100vh - 165.2px)}#entry{padding:5px}.latesttitle,#latestpostname{display:none}#post-nav>ul{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr;gap:15px 0}.postnav>a{padding:3px;border-radius:5px;font-size:1em}.answers{flex-direction:column;align-items:center}.quiz-text,.notice,#sp-desc,#fm-desc{font-size:1rem;line-height:1.1;letter-spacing:.05rem}.quiz-info>h4,.result-label{font-size:1.3rem}#question-text p{font-size:1.7rem}#question-text{padding:1rem;width:90%}.chart-wrap{max-height:200px}.first,.third{text-align:center}}

/* =============
	Guestbook     Credit: https://virtualobserver.moe/ayano/comment-widget
============= */
#c_widget{box-sizing:border-box;height:100%;padding:7px;overflow:auto;border-radius:var(--radius);background-attachment:fixed;font-size:1.5em;color:#211F24}
#c_widget button,#c_widget input[type=submit]{font-size:.9rem;padding:4px;height:auto;border-radius:5px;display:inline-block}
#c_widget button:hover,#c_widget input[type=submit]:hover{background-color:#c9bfff;color:white;border:1px solid #c9bfff}
#c_widget button:disabled,#c_widget input[type=submit]:disabled{opacity:60%}

/* =============
	Input
============= */
#c_inputDiv{padding:10px;background-color:#2f3b52;border-radius:var(--radius);border:3px solid #c6e25f}
#c_container{margin-top:10px;border-radius:var(--radius);border:3px solid #c6e25f;background-color:#242e42;padding-left:5px;padding-right:5px}
#c_widgetTitle{margin:0 0 .5rem 0;padding:0;text-align:center}
.c-inputWrapper{display:block;margin-top:5px;margin-bottom:5px}
.c-input{padding:4px;color:var(--text-color);border-radius:4px;border:1px solid #25b4c4;outline:none;font-family:var(--font);font-size:30px;background-color:#242e42}.c-input:focus{border:1px solid #c6e25f}
.c-textInput{width:calc(100%-10px);max-width:900px;resize:none}
#c_submitButton{display:block;font-family:var(--font);width:fit-content}
#c_replyingText{color:#c9bfff;margin:.3rem 0}

/* =============
	Replies
============= */
.c-comment{margin-top:10px;margin-bottom:10px;padding:10px;background-color:#2f3b52;border:1px double #25b4c4;border-radius:var(--radius)}
.c-reply{margin-top:10px;margin-bottom:10px;padding:10px;background-color:#242e42;border:2px dashed #c6e25f;border-radius:var(--radius)}
.c-reply:last-child{margin-bottom:0}.c-name{display:inline-block;margin:0;margin-right:10px;padding:0;color:#e5a9ef}
.c-site{color:#85e8fc}.c-site:hover{color:#85e8fc}
.c-timestamp{float:right;opacity:60%;color:#e5a9ef}
.c-text{margin:0;margin-top:10px;padding:0;text-align:justify;color:#c9bfff}
#c_pagination{text-align:center;margin-bottom:10px}
.c-replyButton{margin-top:10px}.c-expandButton{float:right;margin-top:10px}
.c-paginationButton{margin-right:4px;margin-left:4px}
.c-nameLabel,.c-websiteLabel{color:var(--header-color);padding:3px;font-size:30px}