body {
	margin-top: 30px;
	background-color: white;
}

h1{
	font-family: 'Ubuntu', sans-serif;
}
h3{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

.jumbotron{
	line-height: 1.6;
}

.jumbotron .btn {
	margin-right: 15px;
}

li{
	padding-top: 5px;
	padding-bottom: 15px;
	margin-left: 10px;
}


/*Makes the links initially translucent*/
a{
	color: rgba(7, 95, 158, 0.56);
	font-size: 18px;
}

/*On hover they become opaque*/
a:hover{
	text-decoration: none;
}

.title{
	font-weight: bold;
	font-size: 22px;
	text-decoration: underline;
}
body {
	margin-top: 30px;
	background-color: white;
}

h1{
	font-family: 'Ubuntu', sans-serif;
}
h3{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

/*The main bio section stands out*/
.jumbotron{
	line-height: 1.6;
}
/*Spacing for the link buttons */
.jumbotron .btn {
	margin-right: 15px;
}

li{
	padding-top: 5px;
	padding-bottom: 15px;
	margin-left: 10px;
}


/*Makes the links initially translucent*/
a{
	color: rgba(7, 95, 158, 0.56);
	font-size: 18px;
}

/*On hover they become opaque*/
a:hover{
	text-decoration: none;
}
/*Adds underline to link titles and makes them a bit bigger font*/
.title{
	font-weight: bold;
	font-size: 22px;
	text-decoration: underline;
}
Add comments to clarify code
Add comments to clarify code
