@import url('./grid.css');
	@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;1,700&display=swap');

	* {
		font-family: Roboto Condensed, Georgia, Arial, Times New Roman, Open Sans, sans-serif !important;
		line-height: 1;
		margin: 0 0;
		padding: 0 0;
	}

	body {
		--site-color: #737373;
		--site-background: rgb(245, 245, 245);
		background-color: #F5F5F5;
		color: #737373;
	}

	.description {
		border: 1px solid black;
		margin: 10px;
		margin-left: 0;
		padding: 10px;
	}

	.reversed {
		background: black;
		color: white !important;
	}

	#page {
		padding: 1rem;
	}

	#section-list {
		margin-top: 2em;
	}

	#posts {
		float: right;
	}
	
	p a, pre a {
		text-decoration:underline;
	}

	.post::before {
		display: block;
		content: " ";
		height: 4em;
		pointer-events: none;
	}

	#posts-list {
		margin-top: 2em;
	}

	/* Other */
	.lower-top {
		margin-top: 6em;
	}

	/* Category labels */
	.label > a {
		color: black;
		opacity: 1;
	}

	.label > p {
		font-size: 0.8rem;
		color: black;
		opacity: 1;
	}

	.label {
		display: inline-block;
		border: 1px solid black;
		padding: 2px;
		opacity: 0.5;
		margin: 1px;
		color: black;
	}

	.label.big {
		display: inline-block;
		border: 2px solid black;
		padding: 2px;
		opacity: 1;
		margin: 1px;
		font-size: 1.5rem;
	}

	.label.selected > a {
		background-color: black;
		color: white;
	}

	.link:hover {
		opacity: 1;
		color: var(--site-color) !important;
	}

	.link.selected {
		text-decoration: none;
		font-weight: 700;
		opacity: 1;
		color: black;
	}

	.magazine.row .text strong, .magazines.link{
		font-family: 'Arvo', serif !important;
		/* text-transform: uppercase; */
	}

	.sub {
		margin-left: 2em;
	}

	.nav.link {
		text-transform: uppercase;
	}

	.lower {
		text-transform: lowercase !important;
	}

	hr {
		opacity: 0.5;
		height: 1px;
		border: none;
		background-color: var(--site-color);
		margin-top: 2em;
	}

	h1 {
		font-size: 1.5em;
		font-weight: 500;
		color: black;
	}

	.info.link {
		margin-bottom: 10px;
		font-size: 1em;
		text-align: left;
		float: left;
		clear: left;
	}

	li {
		list-style-type: none;
	}

	a {
		color: var(--site-color);
		text-decoration:none;
	}

	table {
		opacity: 0.8;
	}

	td {
		padding: 0.3rem;
		border: 1px solid black;
		max-width:100%;
	}

	a:hover {
		color: black;

	}

	a:focus {
		color: black;
	}

	pre,
	p {
		font-weight: 300;
		font-size: 1.125rem;
		color: var(--site-color);
	}

	strong {
		font-weight: 700;
	}

	pre {
		white-space: pre-wrap;
		word-wrap: break-word;
	}

	pre.text,
	p.text , 
	.text > p {
		color: black;
		line-height: 1.5;
	}

	.italic {
		font-style: italic;
	}


	.big > pre, .big > p, .big {
		font-size: 1.85em;
	}

	li .title {
		display: inline;
	}

	.medium > pre, .medium > p, .medium {
		font-size: 1.2em;
	}

	.small > pre, .small > p, .small {
		font-size: 1em;
	}

	.text {
		line-height: 1.5;
	}

	.nav.link.text {
		line-height: 1.8;
	}

	.transparent {
		opacity: 0.5;
	}

	.publisher {
		opacity: 0.5;
		font-style: italic;
		line-height: 1;
		margin-left: 2em;
	}

	.book, .magazine {
		margin-bottom: 4em;
		margin-top: 4em;
	}

	#tag-list {
		margin-bottom: 4em;
	}

	.black {
		color: black !important;
		opacity: 1 !important;
	}

	.date {
		font-weight: 200;
		margin-right: 1em;
	}

	.black {
		color: black;
	}

	.right {
		float: right;
	}

	.left {
		float: left;
	}

	.block {
		padding: calc(0.6em + 0.4vw);
		display: block;
	}

	.important {
		border-style: solid;
		border-width: thin;
		padding: 0.5em;
	}

	.very-important {
		border-style: solid;
		border-color: #49404f;
	}

	.attention::before {
		content: "\2794    ";
	}

	.vertical {
		writing-mode: vertical-rl;
		text-orientation: upright;
	}


	img {
		width: 100%;
	}

	/* Small screen adjustments */
	@media screen and (max-width: 60em) {
		.nav.link.big {
			font-size: 1.2em;
		}

		.sm-hidden {
			display: none;
		}
	
		#to-top {
			position: fixed;
			bottom: 0;
			right: 0;
			z-index: 1;
			color: white;
			background-color: black;
			opacity: 1;
		}
	
		.scroll-right {
			overflow: hidden;
		}

		#header {
			margin-top: 0 !important;
		}

		.right-big {
			float: right;
		}

		.post {
			margin-top: 2em !important;
		}
		
		#section-list {
			margin-top: 6em;
		}

	}

	@media screen and (min-width: 60em) {
		#left-bar {
			position: fixed;
		}

		.lg-hidden {
			display: none;
		}

		.scroll-left {
			overflow-y: scroll;
			height: calc(100vh - 8em);
			direction: rtl;
			float: left;
			clear: left;
		}

		.scroll-right {
			overflow-y: scroll;
			height: calc(100vh - 8em);
			margin-top: 0;
			/* float: left;
			clear: left; */
		}

		.right {
			float: right;
		}

		.scroll-left ul {
			direction: ltr;
		}


		.scroll-left::-webkit-scrollbar,
		.scroll-right::-webkit-scrollbar {
			display: none;

		}

		.scroll-left,
		.scroll-right {
			-ms-overflow-style: none;
		}
	}