body {
    font-family: var(--font_rounded_sans);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font_geometric_humanist);
}

p.description {
   color: #a9a9a9;
}

article img, .e-content img, .p-summary img, .microblog_text img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.adaptive_photo_layout ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	list-style: none;
}

.adaptive_photo_layout li {
	height: 40vh;
	flex-grow: 1;
    padding: 12px;
}

.adaptive_photo_layout span {
    font-size: .7rem;
    color: magenta; 
}


table { border-collapse: collapse; } 
td, th { border: 1px solid #333; padding: 0.2em; }
thead {
	background-color: #333;
	color: white;
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 2%;
}
tbody tr:nth-child(odd) {
  background-color: #fff;
}
tbody tr:nth-child(even) {
  background-color: #eee;
}

/* Light Mode */
:root {
	--text: #000000;
	--link: #862e9c;
	--link_visited: #ae3ec9;
	--accent1: #0b7285;
	--accent2: #1098ad;
	--background: #ffffff;
	--code: #e3e3e3;
	--button-text: #ffffff;
	--blockquote: #fffee0;
	--note: #FFFF00;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
	:root {
		--text: #f8f8f2;
		--link: #c5f6fa;
		--link_visited: #c5f6fa;
		--accent1: #f3d9fa;
		--accent2: #f3d9fa;
		--background: #282a36;
		--code: #44475a;
		--button-text: #282a36;
		--blockquote: #44475a;
		--note: #44475a;
	}
    td, th { border: 1px solid #f1f2f5; padding: 0.2em; }
    tbody tr:nth-child(odd) {
      background-color: #303341;
    }
    tbody tr:nth-child(even) {
      background-color: #414458;
    }
    thead {
	  background-color: #f1f2f5;
	  color: #20212b;
	  font-size: 0.875rem;
	  text-transform: uppercase;
	  letter-spacing: 2%;
    }
}