/* page.css */

	body, html {
		height: 100%;
		min-height: 100%;
		/* background-color: #BBBBBB; */
	}
	body { }
	main {
		overflow-x: hidden;
  		margin-top: 20vw; /* Add a top margin to avoid content overlay */
	}
  	#timeline { height: 2970px; }
	#col { margin-top: 96px; }
  	#logo {
  		/*
  		float:left;
  		border:2px; border-color:red;
  		background-image: url('./img/banner.png');
  		opacity: 0.5;
  		*/
		position: fixed;
  		left: 0; top: 0px;
  		padding-top: 12px;
  		background-repeat: none;
  		background-size: 300px;
  		background:white;
  		height: 18vw;
  		width: 100%;
	}
  	#top_banner { position: fixed;
  		height: 6vw;
  		width: 100%;
  		background:white;
  		left: 6vw;
  		top: 20vw;
	}
	.navbox {
		display: inline-block;
		padding-right: 2.5vw;
		font-size: 1.2rem;
		background: #0x12357;
		height: 5vw;
	}
	.navlink {
		text-decoration: none;
	}
	.slide {
		/* width: 100%; position: fixed; */
		left: 3%;
  		width: 94%;
		font-family: "Raleway";
		font-size: 1.2rem;
		vertical-align: middle;
		padding: 2vw;
		margin: 1vw;
	}
	.rounded {
		-moz-border-radius:16px;
		-webkit-border-radius:16px;
		border-radius:16px;
	}
	.stripe1 { background: antiquewhite; }
	.stripe2 { background: #DAF4F0; }
	.codespan { color: rgb(205,217,135); margin-top: 5.5vw; margin-bottom: -0.9vw; }
	.datespan { color: rgb(205,217,135); margin-top: 5.5vw; margin-bottom: -0.1vw; }
	.strikethrough { text-decoration: line-through; text-decoration-color: red; }
	.asidespan { font-size: 1.2rem; font-style: italic; color: color: #FFCC11; margin-top: 5.5vw; margin-bottom: -0.1vw; }
	.alert { color: red; }
	/* .codespan { color: rgb(205,217,135); margin-top: 5.5vw; margin-bottom: -2vw; } */
	.classtitle { color: rgb(217,148,135); }
  	#timeline { position: fixed; top: 39vw; }
  	#visbox { top: 18vw; }
	#scroller { margin-top: 30vw; }
	.showhidebutton { color: lightblue; font-size: 2.5rem; }
  	.imgbox { display:block; width: 100%; }
  	.lh3 { font-size: 2rem;  		font-weight: bold; }
  	.lh4 { font-size: 1.5rem;  		font-weight: bold; }
  	.lh4-code { font-size: 1.5rem;  		font-weight: bold; }
	.dtx {
		font-size: 1.5rem;
		line-height: 1.2;
	}
	.ltx {
  		font-size: 1.5rem;
  		/* font-weight: bold; */
		line-height: 1.2;
		color: darkred;
	}
  	.light {
  		padding: 14px;
  		margin: 12px;
  		left: 12px;
  		width: 90%;
		background: white;
		opacity: 0.6;
	}
  	.reg {
  		/*
  		padding-top: 14px;
  		margin: 12px;
  		*/
  		left: 12px;
  		width: 100%;
	}
	li {
		font-size: 1.5rem;
		padding: 0;
		margin: 0;
		margin-left: 35px;
	}

	.blog_title { font-size: 1.2em; }
	h1 { font-size: 2.0em; }
	h2 { font-size: 1.75em; }