/** ====================== TYPO ====================== **/
p {
	padding-bottom: 12px;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	line-height: 1.2em;
}
h2 {
	line-height: 1.2em;
}
img {
	width: 100%;
}

/** ====================== GLOBAL COMPONENTS ====================== **/
.category {
	display: inline-block;
	padding:2px 8px;
	border-radius: 8px;
	background-color: #d3d3d3;
	color: black;
	font-size: 80%;
}
.category a, .category a:hover{
	color: black;
	text-decoration: none;
}
@keyframes slideInFromBottom {
	0% {
	  transform: translateY(100%);
	}
	100% {
	  transform: translateY(0);
	}
}


blockquote {
	border-left: 3px solid #000;
	padding-left:16px;
	margin: 0;
}

/* ======home page only=== */
.highlight1{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgzIiBoZWlnaHQ9IjUzIiB2aWV3Qm94PSIwIDAgMjgzIDUzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHkiIG9wYWNpdHk9IjAuNTUiPgo8cGF0aCBkPSJNMTcuNzM3IDUwLjc3ODZMMTMuNDE5MiAxMS4wMTIzTDEyLjQ3MTQgMTEuMTE1MkMxMS40NTU3IDExLjIyNTUgMTAuNDYxMyAxMS41MTYyIDkuNjQ0NDMgMTIuMTI5NkM2LjkzMTkxIDE0LjE2NzcgMC45OTQ0MjYgMjAuMTAxNiAyLjMyMjcgMzIuMzM0N0MyLjcxNjUyIDM1Ljk2MTcgMS42ODUwOCA0MC44OTg2IDAuNTE0MjkxIDQ1LjAzMDhDLTAuNTE2MTA3IDQ4LjY2NDkgMi4zOTcyMSA1Mi40NDQyIDYuMTUzNDYgNTIuMDM2M0wxNy43MzcgNTAuNzc4NlpNMjMuNTg5NSAyNi4zMjVMMjAuODU5MSA2LjUxMjIxTDIzLjU4OTUgMjYuMzI1Wk00MS44NDIgMjguOTQyOUw0Ny4zMjkgOS43MTAyN0w0MS44NDIgMjguOTQyOVpNMTIwLjE5NSAyOC4wMzE4TDExOC4yNDcgOC4xMjdMMTIwLjE5NSAyOC4wMzE4Wk0yODEuNDk4IDIyLjQyMjFMMjQxLjU2NCAyNC43MjA3TDI0MS42MTkgMjUuNjcyNUMyNDEuNjc3IDI2LjY5MjUgMjQxLjkxNyAyNy43MDAzIDI0Mi40ODkgMjguNTQ3M0MyNDQuMzg3IDMxLjM1OTUgMjUwLjAxMiAzNy41ODk4IDI2Mi4yOTcgMzYuODgyN0MyNjUuOTM5IDM2LjY3MzEgMjcwLjgxOCAzNy45NTMyIDI3NC44ODUgMzkuMzMxN0MyNzguNDYzIDQwLjU0NDggMjgyLjM4NSAzNy44MjY2IDI4Mi4xNjcgMzQuMDU0NUwyODEuNDk4IDIyLjQyMjFaTTE3LjczNyA1MC43Nzg2QzIwLjY2MDQgNTAuNDYxMSAyMy4wMTQ3IDQ5LjYxNDEgMjQuNjI5IDQ4Ljg4OEMyNi4yNDg2IDQ4LjE1OTUgMjcuNTM5OCA0Ny4zNjIyIDI4LjQwMzggNDYuNzg2N0MyOS4yODMzIDQ2LjIwMDkgMzAuMDI0MSA0NS42Mzg5IDMwLjUwNzggNDUuMjYzOEMzMC45MzE0IDQ0LjkzNTMgMzEuNDkyNCA0NC40ODY0IDMxLjY1MSA0NC4zNjA4QzMyLjI4NjggNDMuODU3MiAzMi4wNjE2IDQ0LjA3MzggMzEuNTE3MiA0NC4zOTYyQzMwLjk1NCA0NC43Mjk3IDI5LjEyMDcgNDUuNzUxNyAyNi4zMTk5IDQ2LjEzNzdMMjAuODU5MSA2LjUxMjIxQzE2LjQ5MyA3LjExMzkgMTMuMTUwMiA4Ljc4NTIzIDExLjEzNDYgOS45Nzg5M0M5LjEzNzc4IDExLjE2MTUgNy41MTcyOSAxMi40NDkgNi44MTYxOSAxMy4wMDQzQzYuMzA2MjYgMTMuNDA4MSA2LjIxMzM4IDEzLjQ4NTYgNS45OTc4NCAxMy42NTI3QzUuODQyNDkgMTMuNzczMiA1Ljk1ODg3IDEzLjY3NTggNi4yMjg5NSAxMy40OTU5QzYuNDgzNDYgMTMuMzI2NCA3LjE4MDEgMTIuODc2NCA4LjIyMDI5IDEyLjQwODVDOS4yNTUxIDExLjk0MyAxMS4wNDUgMTEuMjcwMSAxMy40MTkyIDExLjAxMjNMMTcuNzM3IDUwLjc3ODZaTTI2LjMxOTkgNDYuMTM3N0MyOC4wNjI5IDQ1Ljg5NzUgMjguOTEyMSA0Ni4wNTIgMzYuMzU0OSA0OC4xNzU1TDQ3LjMyOSA5LjcxMDI3QzQyLjA0NDEgOC4yMDI1MiAzMi41NTI5IDQuOTAwNjggMjAuODU5MSA2LjUxMjIxTDI2LjMxOTkgNDYuMTM3N1pNMzYuMzU0OSA0OC4xNzU1QzUxLjEyNDEgNTIuMzg5MSA2Ny41MTk5IDUyLjU4MDkgODEuOTUzMyA1MS43ODI4Qzk2LjI0ODEgNTAuOTkyMyAxMTEuNDQ4IDQ4Ljk4MzcgMTIyLjE0NCA0Ny45MzY3TDExOC4yNDcgOC4xMjdDMTA1LjQ2IDkuMzc4NzcgOTIuOTk4NiAxMS4xMTA5IDc5Ljc0NDcgMTEuODQzOEM2Ni42Mjk1IDEyLjU2OTEgNTUuNTg5NyAxMi4wNjcgNDcuMzI5IDkuNzEwMjdMMzYuMzU0OSA0OC4xNzU1Wk0xMjIuMTQ0IDQ3LjkzNjdDMTUyLjgzNSA0NC45MzIxIDE4Mi43OTkgNDQuNjc2OSAyMTQuNjUyIDQ0LjY3NjlWNC42NzY5M0MxODIuNzg5IDQuNjc2OTMgMTUxLjA4IDQuOTEyNyAxMTguMjQ3IDguMTI3TDEyMi4xNDQgNDcuOTM2N1pNMjE0LjY1MiA0NC42NzY5QzIxNy4xMjUgNDQuNjc2OSAyMTkuODUxIDQ0LjI4MjUgMjIxLjM1NCA0NC4wNjFDMjIzLjI4NSA0My43NzY1IDIyNS41NzUgNDMuMzkzNiAyMjcuODQ5IDQzLjAxMjJDMjMyLjU4NyA0Mi4yMTc4IDIzNy43NzggNDEuMzQzMyAyNDIuNzI0IDQwLjcyNThDMjQ3Ljk2OSA0MC4wNzEyIDI1MS41NDIgMzkuODk3MyAyNTMuMzQzIDQwLjAzNTZDMjU0LjQ0MSA0MC4xMiAyNTMuMTEzIDQwLjIwMjQgMjUwLjkwMyAzOS4xMzA5QzI0OC4xMDUgMzcuNzczOCAyNDIuMDYgMzMuMzM2MyAyNDEuNTY0IDI0LjcyMDdMMjgxLjQ5OCAyMi40MjIxQzI4MC44NzcgMTEuNjQzNyAyNzMuNDY5IDUuNjE4NTkgMjY4LjM1NiAzLjEzOTExQzI2My44MzIgMC45NDUyMzMgMjU5LjIzOCAwLjM3MDU5NyAyNTYuNDA2IDAuMTUzMDY5QzI1MC4zNDYgLTAuMzEyNDIyIDI0My40MDIgMC4zMzA3OTQgMjM3Ljc2OSAxLjAzMzkyQzIzMS44MzkgMS43NzQyNiAyMjUuNzk0IDIuNzk4MzMgMjIxLjIzNCAzLjU2Mjk4QzIxOC44NiAzLjk2MTEyIDIxNi45ODUgNC4yNzI4NyAyMTUuNTI0IDQuNDg4MThDMjEzLjYzNiA0Ljc2NjQxIDIxMy43NDEgNC42NzY5MyAyMTQuNjUyIDQuNjc2OTNWNDQuNjc2OVoiIGZpbGw9IiNGRkFFNEYiLz4KPC9nPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    display:inline-block;
    background-size:cover;
}
.highlight2{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22308%22%20height%3D%2254%22%20fill%3D%22none%22%20viewBox%3D%220%200%20308%2054%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FE0%22%20d%3D%22M40.441%2035.73h-40v.952c0%201.022.182%202.042.704%202.92%201.733%202.917%206.991%209.46%2019.296%209.46%203.649%200%208.445%201.559%2012.427%203.169%203.502%201.416%207.573-1.072%207.573-4.85V35.729Zm23.428-4.262.045%2020-.044-20Zm140.778-3.854%202.721%2019.814-2.721-19.814Zm34.868-6.648L239.77.968l-.255%2019.998Zm11.425%202.2-4.454-19.498%204.454%2019.498Zm56.301%202.936h-40v.953c0%201.022.182%202.042.703%202.92%201.734%202.917%206.992%209.46%2019.297%209.46%203.648%200%208.445%201.559%2012.427%203.169%203.501%201.416%207.573-1.072%207.573-4.85V26.102Zm-266.8%209.627c0%207.749-4.383%2012.56-6.571%2014.432-2.129%201.82-4.032%202.574-4.434%202.733-.963.381-1.14.3.278.065%202.482-.411%206.469-.764%2011.377-1.015%209.584-.49%2019.935-.47%2022.823-.476l-.089-40c-2.675.006-14.037-.02-24.776.528-5.254.269-11.081.707-15.873%201.501-2.22.368-5.398.993-8.453%202.201-1.448.573-4.171%201.77-6.857%204.069C5.12%2022.116.441%2027.437.441%2035.728h40Zm23.473%2015.74c45.196-.1%2095.217%202.583%20143.454-4.04L201.926%207.8c-44.691%206.137-89.769%203.562-138.1%203.668l.088%2040Zm143.454-4.04c7.222-.992%2014.766-3.172%2019.611-4.404%205.663-1.441%209.31-2.099%2012.282-2.06L239.77.967c-8.626-.11-16.659%201.766-22.654%203.292-6.812%201.733-10.904%202.952-15.19%203.54l5.442%2039.628Zm31.893-6.465a12.472%2012.472%200%200%201-4.28-.809c-.301-.117-.449-.196-.173-.064.087.042.91.442%201.594.75%201.712.768%204.509%201.882%208.152%202.377%203.677.5%207.301.254%2010.84-.555l-8.908-38.995c.576-.132%201.819-.308%203.458-.085%201.606.218%202.709.707%202.834.763.01.005-.024-.01-.153-.072l-.237-.114-.347-.166a37.195%2037.195%200%200%200-2.523-1.104c-2.45-.955-5.727-1.871-9.748-1.922l-.509%2039.996Zm16.133%201.7c-.226.051%201.519-.27%205.051-.631%203.192-.327%206.972-.596%2010.481-.638%203.841-.045%206.049.207%206.734.366.467.107-1.186-.155-3.39-1.722-1.24-.88-3.038-2.449-4.542-4.956a17.513%2017.513%200%200%201-2.487-8.981h40c0-9.228-5.292-15.464-9.799-18.668-3.974-2.823-8.163-4.042-10.766-4.644-5.456-1.262-11.525-1.448-16.226-1.392-9.493.113-20.058%201.377-23.964%202.27l8.908%2038.995Z%22%20opacity%3D%22.55%22%20style%3D%22mix-blend-mode%3Amultiply%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    display:inline-block;
    background-size:cover;
}
.highlight3{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQ0IiBoZWlnaHQ9IjUyIiB2aWV3Qm94PSIwIDAgMjQ0IDUyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHkiIG9wYWNpdHk9IjAuNTUiPgo8cGF0aCBkPSJNNDAuNzUgMjUuNjkxTDAuNzUgMjUuNjkxTDAuNzUgMjYuNjQ0NEMwLjc1IDI3LjY2NiAwLjkzMTY2NyAyOC42ODYgMS40NTMzMyAyOS41NjQ0QzMuMTg2NjcgMzIuNDgxIDguNDQ1IDM5LjAyNDQgMjAuNzUgMzkuMDI0NEMyNC4zOTgzIDM5LjAyNDQgMjkuMTk1IDQwLjU4MjcgMzMuMTc2NyA0Mi4xOTI3QzM2LjY3ODMgNDMuNjA5NCA0MC43NSA0MS4xMjEgNDAuNzUgMzcuMzQyN0w0MC43NSAyNS42OTFaTTM3LjU4NjUgMjMuNDU0NEw0NC41MTA4IDQuNjkxMzFMNDQuNTEwOCA0LjY5MTMxTDM3LjU4NjUgMjMuNDU0NFpNMTkzLjcxOSAyOS4wNDA4TDE5Ni4wNDQgNDguOTA1MkwxOTMuNzE5IDI5LjA0MDhaTTIyOC4zMjEgOS40Nzg3MUwyMjAuNTcgNDguNzIwN0wyMjEuNTA2IDQ4LjkwNTRDMjIyLjUwOCA0OS4xMDM0IDIyMy41NDQgNDkuMTIyOCAyMjQuNTA3IDQ4Ljc4MTJDMjI3LjcwNCA0Ny42NDU4IDIzNS4xNDIgNDMuNzU1IDIzNy41MjYgMzEuNjgzMkMyMzguMjMzIDI4LjEwNCAyNDAuNjkxIDIzLjcwMDEgMjQzLjA0MiAyMC4xMDU5QzI0NS4xMTEgMTYuOTQ1MSAyNDMuNDU4IDEyLjQ2ODQgMjM5Ljc1MiAxMS43MzYzTDIyOC4zMjEgOS40Nzg3MVpNNDAuNzUgMjUuNjkxQzQwLjc1IDI3LjA3ODIgNDAuNDg1OSAyOS41NzEyIDM5LjAwNDcgMzIuMzc0N0MzNy40NDU1IDM1LjMyNTggMzUuMTE4NyAzNy41MTI5IDMyLjY3ODMgMzguODg4M0MzMC40Mzc2IDQwLjE1MTIgMjguNTAxIDQwLjUxNzYgMjcuNTI1MyA0MC42MzY5QzI2LjUyNjIgNDAuNzU5MSAyNS45MTM3IDQwLjY5NzYgMjUuODU2NSA0MC42OTIxQzI1LjgxNzggNDAuNjg4MyAyNi4zNTY0IDQwLjc2MDkgMjcuNTMyMSA0MS4xMjFDMjguNjI2OCA0MS40NTYyIDI5LjU0ODIgNDEuODA2NCAzMC42NjIzIDQyLjIxNzZMNDQuNTEwOCA0LjY5MTMxQzQzLjM3NTggNC4yNzI0NSAzNi41NDM5IDEuNTM2ODMgMjkuNjk0MyAwLjg3NjU5NkMyNi40OTU1IDAuNTY4MjY1IDE5LjcxNDMgMC4yNzkyODIgMTMuMDM4NCA0LjA0MTkzQzQuMzUzOSA4LjkzNjYzIDAuNzUgMTcuNjU1OSAwLjc1IDI1LjY5MUw0MC43NSAyNS42OTFaTTMwLjY2MjMgNDIuMjE3NkM2MC4xNDYgNTMuMDk4MSA5NS45MDc1IDUxLjY1NjIgMTIwLjgyNSA1MS42NTYyVjExLjY1NjJDOTIuNDA0NyAxMS42NTYyIDY1LjYwNjIgMTIuNDc2MiA0NC41MTA4IDQuNjkxMzFMMzAuNjYyMyA0Mi4yMTc2Wk0xMjAuODI1IDUxLjY1NjJDMTQ0LjE1OSA1MS42NTYyIDE3MS4xMDYgNTEuODI0NSAxOTYuMDQ0IDQ4LjkwNTJMMTkxLjM5MyA5LjE3NjQ5QzE2OS4yNTggMTEuNzY3NyAxNDQuODc5IDExLjY1NjIgMTIwLjgyNSAxMS42NTYyVjUxLjY1NjJaTTE5Ni4wNDQgNDguOTA1MkMyMDcuMjc4IDQ3LjU5MDEgMjEyLjQxOCA0Ny4xMTA2IDIyMC41NyA0OC43MjA3TDIyOC4zMjEgOS40Nzg3MUMyMTMuNTAxIDYuNTUxODIgMjAyLjg5NyA3LjgyOTgyIDE5MS4zOTMgOS4xNzY0OUwxOTYuMDQ0IDQ4LjkwNTJaIiBmaWxsPSIjODZGQTE2Ii8+CjwvZz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    display:inline-block;
    background-size:cover;
}

.container {
	background-image: url(/theme/images/background.png);
	background-repeat: repeat-x repeat-y;
}

/** ====================== GLOBAL LAYOUT ====================== **/
body {
	font-size: 1.2em;
	line-height: 1.4em;
	margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#000;
	background-color:#fff;
	margin:0 auto;
}
.container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 450px) {
	.container {
		display: grid;
		grid-template-columns: 12px 1fr 1fr 1fr 12px;
	}
}
@media (min-width: 1000px) {
	.container {
		display: grid;
		grid-template-columns: 1fr 300px 300px 300px 1fr;
	}
}
.block{
	grid-column-start:2 ;
	grid-column-end: 5;
}
.header {
	background-color: #000;
	color: #fff;
}
.header .titles {
	margin:var(--gutters);
	padding: 4px 0;
}
.header h1 {
	margin-bottom:0;
}
.header h2 {
	font-weight: lighter;
	margin-top: 6px;
}
.header a {
	color: #fff;
	text-decoration: none;
}
.footer {
    margin-top:0;
	background-color: #000;
	color: #fff;
	padding:var(--gutters);
	padding-top:12px;
	padding-bottom:12px;
}
.footer a {
	color: #fff;
}

.footer li {
    line-height: 200%;
}
.button {
	display: inline-flex;
	padding: 8px 14px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border: 1px solid #000;
	color: black;
	border-radius: 10px;
}
.button:hover{
	background-color: lightgray;
	text-decoration: none;
}
.float-block{
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap:12px;
	align-items: start;
	column-gap: 14px;
  	row-gap: 14px;
}
.float-left{
	grid-column-start: 1;
	grid-column-end: 1;
}
.float-right{
	grid-column-start: 2;
	grid-column-end: 2;
}
@media (max-width: 450px) {
	.float-block{
		display: grid;
		grid-template-columns: 1fr ;
		grid-gap:14px;
	}
	.float-left{
		grid-column-start: 1;
		grid-column-end: 1;
	}
	.float-right{
		grid-column-start: 1;
		grid-column-end: 1;
	}
}

/* ==== Article layout ===*/

.article {
	margin: var(--gutters);
	padding-bottom:30px
}
.article-header {
	margin: var(--gutters);
}
.article-header .date {
	margin: 4px 0;
	color: gray;
}
/** ====================== INDEX LAYOUT ====================== **/

.intro {
	display: grid;
	grid-template-columns: 3fr 1fr;
	gap: 12px;
	margin: var(--gutters);
}
.intro img {
	grid-column-start: 2;
	position: relative;
	top:-24px
} 
.intro .words{
	max-width: 800px;
	grid-column-start: 1;
}

.nav {
	margin: var(--gutters);
}

.nav p.tags {
	opacity: 60%;
	margin-top: 0;
} 

.article-preview {
	margin: 0;
	padding: 12px 0;
	margin-bottom: 24px;
}
.article-preview .meta  {
	margin: var(--gutters);
}
.article-preview a p {
	color: #000;
}
.article-preview a:hover {
	text-decoration: none;
	color:#2a2a2a;
}
.article-preview a:visited p {
	color:#2d2d2d;
}
.article-preview a:visited h2 {
	color:#2d2d2d;
	text-decoration: underline;
}
.article-preview a:hover h2 {
	text-decoration: underline;
}
.article-preview .meta p  {
	padding: 0;
}
.article-preview .date {
	color: grey;
	font-weight: lighter;
}
.article-preview .cover {
	margin: 0;
}

.summary {
    margin-bottom: 2em;
    margin-top: 2em;
    color: black;
}

.article {
	margin-bottom: 12px;
}


/**
 * Overrides of notebook CSS for static HTML export
**/
div.entry-content {
	overflow: visible;
	padding: 8px;
}

.inner_cell {
	width: 100%;
}

.input_area {
	padding: 0.2em;
}

a.heading-anchor {
	white-space: normal;
}

.rendered_html code {
	font-size: .8em;
}

/* remove the prompt div from text cells */
.prompt {
	display: none;
}

/* remove horizontal padding from text cells, */
/* so it aligns with outer body text */
div.text_cell_render {
	padding: 0.5em 0em;
}




/* utility classes */