/* onionring.js is made up of four files - onionring-widget.js, onionring-index.js, onionring-variables.js and onionring.css (this one!)
// it's licensed under the cooperative non-violent license (CNPL) v4+ (https://thufie.lain.haus/NPL.html)
// it was originally made by joey + mord of allium (蒜) house, last updated 2020-10-24 */

/* === ONIONRING.CSS === */
/* this file affects the style of the widget. remember to replace all instances of #webringid with whatever value you have for ringID in the onionring-widget.js file. make sure it still has the # at the front, though! probably easiest to use find+replace to do it */
@font-face {
	font-family: 'mixed';
	src: url('https://confettiguts.neocities.org/xenics/mixed.tff');
}
#xenicRing ::-moz-selection { 
  color: #4F214E;
  background: #ffffff00;
}

#xenicRing ::selection {
  color: #4F214E;
  background: #ffffff00;
}
  
#xenicRing {
	font-family: Zen!important;
	color: #4F214E!important;
	margin: 0 auto 0 auto!important;
	display: inline-block!important;
	text-align: center!important;
}

#xenicRing table {
	text-align: center!important;
}

#xenicRing #xenicMain {
	font-size: 1em!important;
	text-align: center!important;
	display: inline-block!important;
}

#xenicRing #xenicHead {
	font-size: 20px!important;
	background: white!important;
	border: 2px solid #4F214E!important;
	border-radius: 0.5em!important;
	padding: 2px!important;
	line-height: 0.8em!important;
	margin: 0 auto 0.25em auto!important;
	text-align: center!important;
	display: inline-block!important;
	font-weight: bold!important;
	color: #4F214E!important;
	cursor: default!important;
	font-family: zen!important;
}

#xenicRing #xenicFlag {
	display: block!important;
	border: 2px solid #4F214E!important;
	border-radius: 0.5em!important;
  width: 2.6em!important;
  height: 1.9em!important;
	margin: 0 auto!important;
	background: url('https://confettiguts.neocities.org/xenics/flagModified.png')!important;
	background-size: 100% 100%!important;
}

#xenicRing a:link, #xenicRing a:hover, #xenicRing a:active, #xenicRing a:visited {
	text-decoration: none!important;
	color: #4F214E!important;
}

#xenicRing .webring-main a {
	display: inline-block!important;
	transition: .35s ease!important;
}

#xenicRing .webring-main a:hover {
	transform: translateY(-4%)!important;
}

#xenicRing .webring-links {
	transition: .35s ease!important;
}

#xenicRing .webring-links:hover {
	transform: translateY(-4%)!important;
}

#xenicRing .webring-head {
	display: block!important;
}

#xenicRing .webring-links {
	text-align: center!important;
	margin: 0 auto!important;
	font-weight: bold!important;
	font-size: 0.8em!important;
	line-height: 1em!important;
	border: 2px solid #4F214E!important;
	background: white!important;
	border-radius: 0.5em!important;
	padding:4px!important;
	display: inline-block!important;
}

#xenicRing #next-arrow, #xenicRing #prev-arrow {
    width: 1.8em!important;
    height: 1.5em!important;
	display: inline-block!important;
	
}


#xenicRing #next-arrow {
	background: url('https://confettiguts.neocities.org/xenics/arrowRight.png');
	background-size: 100% 100%!important;
	margin: 0!important;
}

#xenicRing #prev-arrow {
	background: url('https://confettiguts.neocities.org/xenics/arrowLeft.png');
	background-size: 100% 100%!important;
	margin: 0!important;
}
@font-face {
font-family: Zen;
src: url(https://dl.dropbox.com/s/xu99rn6hppd0p9q/ZenMaruGothic-Medium.ttf);
}
 
#Zen {
font-family: Zen;
}