*{
	margin:0;
	padding:0;
}

#container{
		display:inline-block;

	overflow:scroll;
	position:fixed;
	width:100vw;
	height:100vh;
	top:0;
	left:0;
	background-color:pale grey;
}

#info{
	width:25%;
	padding:30px;
	position:fixed;
}

#work{
	width:65%;
	height:99vh;
	right:30px;
	top:30px;
	position:relative;
	float:right;
	padding-bottom:75px;

}

#work p{
 max-width: 115ch; padding-bottom:5px; padding-top:5px;}

 .item{
 	padding-bottom:25px;
 	float:left;
 	border-bottom: black 1px solid;
 	width:100%;
 }

p.desc{
	font-size:1em;
	font-family:times new roman, times, serif;
	line-height:110%;
}



a{
	text-decoration:none;
	color:red;
}

a:hover{
	color:blue;
}

svg{
	position:relative;
	width:13px;
	padding-left:1px;
	height:.5em;
}


img{
	border-radius: 3px;
	width:100%;
	position: relative;
	padding-top:1%;
	}

img.twoup {
	width:49.5%;
		float:left;

	}

	img.fourup{
		width:24.25%;
	}
img.left {
	padding-right:1%;
}

img.only{
float:none;
}

iframe{
		max-width:49.5%;
		height:533px;
		float:none;

}


@media (max-width:800px){
	#info{
		width:90%;
		padding:5%;
		position:relative;
	}

	#info p{max-width:60ch;}

	#work{
		border-top: black 1px solid;

		width:90%;
		top:-5px;
		position:relative;
	}
	#work p{max-width:60ch;}

	img{
		padding-top:.25%;
		padding-bottom:0;
	}

}