/* STENTOR.CSS v1.0 */
/* HTML/CSS layout template from https://ribo.zone/free/layouts/ */
/* last updated: august 11, 2023 */

:root {
	--text: darkslategray;
}

body { 
	font-family: garamond, sans-serif; 
}



img { max-width: 100% }

nav {
	height: 100vh;
	position: relative;
}


nav a {
	display: block;
	margin: 10px 0;
	padding: 0;
	font-size: 1.5em;
}


code { 
	font-family: 'Courier New', monospace; 
	padding: 2px;
}


@media screen and (max-width: 800px){

	nav, main, .stripe {
		float: none;
		width: 100%;
		height: fit-content;
	}
	
	nav { padding: 2vw }
	
	nav div {
		height: fit-content;
		width: 100%;
		position: static;
		-ms-transform: translateY(0);
		transform: translateY(0);
		text-align: right;
	}
	
	nav img {
		z-index: -1;
		position: absolute;
		left:0;
		max-height: 100%;
	}
	
	nav a {
		display: inline-block;
		margin: 5px;
	}
	
	nav a::after { content: " ↗"; }

	
	
}