/*** 17:26 11/02/2023 ***/

/*** This widget is released under the Creative Commons licence CC BY-NC ***/

/*** In here you can edit fonts and colours but also CSS is where sanity goes to die, slowly, by inches, so... yeah. Have fun with that, ***/

p {
  margin-top: 0em;
  margin-bottom: 1em;
}

li {
  margin-top: 0em;
  margin-bottom: 0.75em;
}

h1 {
	color: black;
	font-size: 24px;
}

html,body {
	background-color: EEEEFF;
	font-family: sans-serif;
	font-size: 16px;
}

textarea,input {
	min-height: 250px;
	background-color: DDDDEE;
	font-family: sans-serif;
	font-size: 24px
}

table {
    border-spacing: 10px;
    width: 100%;
	line-height: 150%;
}


.A {
width:50;
background-color:9999FF;

}

.A:hover {
width:50;
background-color:CCCCFF;

}

.A:focus {
width:50;
background-color:6666CC;

}

.A:active {
width:50;
background-color:333399;

}

.B {
width:50;
background-color:99FFFF;
}

.B:hover {
width:50;
background-color:CCFFFF;

}

.B:focus {
width:50;
background-color:66CCCC;

}

.B:active {
width:50;
background-color:339999;

}

.C {
width:50;
background-color:99FF99;
}

.C:hover {
width:50;
background-color:CCFFCC;

}

.C:focus {
width:50;
background-color:66CC66;

}

.C:active {
width:50;
background-color:339933;

}

.D {
width:50;
background-color:FFFF99;
}


.D:hover {
width:50;
background-color:FFFFCC;

}

.D:focus {
width:50;
background-color:CCCC66;

}

.D:active {
width:50;
background-color:999933;

}

.F {
width:50;
background-color:FF9999;
}

.F:hover {
width:50;
background-color:FFCCCC;

}

.F:focus {
width:50;
background-color:CC9999;

}

.F:active {
width:50;
background-color:993333;

}

.H {
width:50;
background-color:999999;

}

.H:hover {
width:50;
background-color:CCCCCC;

}

.H:focus {
width:50;
background-color:666666;

}

.H:active {
width:50;
background-color:333333;

}