.pixel{
	image-rendering:pixelated;
}
.bubble{
	font-family:bubbles;
	font-size:34px
}
.bubbles{
	font-family:smallbubbles;
	font-size:16px;
}
.magic{
	font-family:magic;
	font-size:48px;
}
pre, #swatchClock, #toc_container, figcaption,.monofont{
	font-family:"Proggy Clean"
}
.mainpage > header h1,.mainpage > nav, .mainpage > main > h2, h3{
	font-family:'dizpixserif', Times, serif;
}
body{
	font-family:dizpix;
	font-size:16px;
	background-color:#1b053a;
	color:#000;
	background-image:url("../img/img_graphics/img_sg/background.gif");
	image-rendering:pixelated;
}
#center{
	display:flex;
	min-height:100vh;
	justify-content:center;
	align-items:center;
}
#border{
	border-top: 3.5px double #000;
	border-left: 3.5px double #000;
	border-right: 3.5px double #ccc;
	border-bottom: 3.5px double #ccc;
	background-color:#a195ac;
	text-align:center;
	min-width:50%;
	padding:2px
}
hr {
	overflow:visible;
	padding:0;
	border:none;
	border-top:1px solid #000;
	text-align:center;
	width:75%
}
hr:after {
	content:"❤ ❤ ❤";
	display:inline-block;
	position:relative;
	top:-0.7em;
	font-size:24px;
	padding: 0 0.25em;
	background-color:#dfe7ff;
	color:#1b053a
}
a{
    color:#2d4376
}
a:hover{
    color:#26003d
}
details > summary{
	list-style-type:'\25B6  ';
}
details[open] > summary{
	list-style-type:'\0025BC  '
}
details {
	padding: 0.5rem;
}

details[open] > summary {
	margin-bottom: 0.5rem;
}
#aboutquizzes ul{
	padding-left:0;
	list-style-type: none;
}
#aboutquizzes li{
	text-align:left;
}
#toc_container{
	background-color:aliceblue;
	border:1px solid black;
	padding:10px;
	width:auto;
	display:table;
}
#toc_container ol{
	padding-left:20px;
	margin:1px;
	text-align:left
}
#toc_container h4{
	margin:1px
}
.buttonlinks1{
	display:flex;
	flex-wrap:wrap;
	gap:5px;
	justify-content: center;
	align-items:center
}
.buttonlinks1 img{
	width:88px;
	height:31px;
}
#buttonlinks h3{
	font-weight: normal;
}
a:hover img{
	opacity:.5
}
.topbutton{
	border:1px solid black;
	padding:5px;
	background-color: aliceblue;
	position:sticky;
	top: 5px;;
	max-width:80%;
	margin:0 auto
}