:root{
	--color-title: #e6ffff;
	
	--color-top-left: #3d3d5c;
	
	--color-bottom-right: #000000;
}


body {
  background: linear-gradient(to top left, var(--color-bottom-right) 0%, var(--color-top-left) 100%);
  line-height: 1.5;
  margin: 1rem;
  max-width: 768px;
  
}

header {
  --border-bottom: 1px solid #222;
  margin-bottom: 1rem;
}

a {
  color: yellow;
  text-decoration: none;
}
a:hover {
	cursor: pointer;
}

.breadcrumb ol {
  padding-left: 0;
}

.breadcrumb li {
  display: inline;
}

.breadcrumb li:not(:last-child)::after {
  content: "»";
}



a.articleInList {
	color: black;
}


.menutopitem:hover {
	font-color: white;
}
.menutopitem:hover {
	cursor: pointer;
	text-decoration: underline;
}

.titleblog {
	font-family: verdana;
	font-size: 2em;
	font-weight: 800;
	white-space: nowrap;
	color: var(--color-title);
}

.changeFontLabel {
	color: var(--color-title);
}


.toplogo {
	width:3em;
	height:3em;
} 

#selectFontFamily {
	width: 250px;
	height: 3em;
}

.w3-table-all th {
	background-color: teal;
	color: white;
}







/* Webfont: Luciole-Regular */
@font-face {
    font-family: 'Luciole';
    src: url('/font/Luciole_webfonts/Luciole-Regular/Luciole-Regular.eot'); /* IE9 Compat Modes */
    src: url('/font/Luciole_webfonts/Luciole-Regular/Luciole-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/font/Luciole_webfonts/Luciole-Regular/Luciole-Regular.woff') format('woff'), /* Modern Browsers */
         url('/font/Luciole_webfonts/Luciole-Regular/Luciole-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/font/Luciole_webfonts/Luciole-Regular/Luciole-Regular.svg#Luciole-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
	font-family: "OD3";
	src: url('/font/OpenDyslexic3-Regular.ttf');
}

@font-face {
	font-family: "Atkinson";
	src: url('/font/Atkinson-Hyperlegible-Regular-102.ttf');
}