Template:TemplateStyles sandbox/QuickQuokka/ChaoticEnby.css

.page-container{
	width: 160%;
	height: 990px;
	padding: 0;
	margin: 0px 0px -365px 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-size: 200px 400px;
	background-position: center top 90px;
	position: relative;
	left: -30%;
	top: -185.625px;
	/* Sanitized CSS content model doesn't allow for having gradients in `background`s or `scale` */
	
	/* Changed font family to add fallback fonts. Mine just assumed it was a serif font (which still looked nice btw) */
	font-family: 'Reem Kufi', 'Josefin Sans', 'Roboto', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 18pt;
}

.header-container{
	font-size: 64pt;
	background-color: #fdf6f2;
	color: #a02c89; width: 800px;
	height: 200px;
	border-radius: 100px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	position: absolute;
	top: 189px;
	border: 1px solid #fdf6f2
}

.header{
	font-size: 64pt;
	border: 16px solid #a02c89;
	width: 736px;
	height: 136px;
	border-radius: 82px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

#ENBY{
	display:inline-block;
	transform: rotate(10deg); /* `rotate` property unsupported by Sanitized CSS */
	margin-left: 64pt;
}

.navbar{
	font-size: 24pt;
	background-color: #fdf6f2;
	color: #a02c89;
	padding: 0px 55px 10px 55px;
	position: absolute;
	border-radius: 0px 0px 40px 40px;
	top: 380px;
}

.navbar a{
	color: #a02c89;
	text-transform: uppercase;
}

.navbar li{
	white-space: nowrap; /* Hopefully this has the same effect as the ` `s in the old Wikicode */
}

.stuff{
	position: absolute;
}

.languages, .languages a{
	color: #fdf6f2;
	top: 568px; 
}

.random, .random a{
	color: #ce4bb3;
	top: 668px;
}

.wikiprojects, .wikiprojects a{
	color: #0d0214;
	top: 768px;
}

.experienced-editor{
	width: 80px;
	padding: 0px 5px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	height: 40px;
	border-radius: 5px;
	background-color: #f4d558;
}

.experienced-editor .dot{
	background-color: #fdf6f2;
	width: 20px;
	height: 20px;
	border-radius: 15px;
}

.barnstars{
	top: 840px;
}