html{
	height:100%;
}

body{
	background-image: linear-gradient(to bottom right, #006699, #ff6699);
	background-size: cover;
	font-family: 'Ubuntu', sans-serif;
	color: white;
}
.grid_container{
	display: flex;
	flex-wrap: nowrap;
}
.col_item{
	width: 100%;
	padding: 10px;
}
header{
	height: 100px;
}
h1 a, ul a{
	text-decoration: none;
	color: white;
}
ul li a, button{
	display: inline-block;
	border: 3px solid white;
	padding: 3px;
	margin: 0 5px 5px 0;	
}
ul li a{
 float: left;
}
ul{
	list-style: none;
	padding-left: 0;
}
button{
	background: none;
	color: inherit;
	font-family: 'Ubuntu', sans-serif;
	font-size: inherit;
}
img{
	width: 300px;
	padding-top: 15px;
}

.jslist{
	list-style: square outside;
	width: 40em;
	padding-bottom: 15px;

}
.portfoliolinks{
	display: inline;
	float: none;
	border: none;
	text-decoration: underline;
}