html {
	display: flex;
	justify-content: center;
	background-image: url("background/1.png");
	margin:0;
}

a {
	color: white;
}

body {
       padding:10px;
	max-width: 600px;
	background-color: rgba(0,0,0,0.7);
	color: white;
}

@font-face {
	font-family: OpenDyslexic;
	src: url("font/OpenDyslexic.otf");
}

@font-face {
	font-family: DejaVuSansMono;
	src: url("font/DejaVuSansMono.ttf");
}

@font-face {
	font-family: OCR-A;
	src: url("font/OCR-A.otf");
}

html:has(#dejavu:checked){
	font-family: DejaVuSansMono;
}
html:has(#dyslexic:checked){
	font-family: OpenDyslexic;
}

html:has(#ocra:checked){
	font-family: OCR-A;
}