/*Sets the color of h1 in page2 */
#content h1 {
	padding-left:20px;
	padding-top:20px;
	color:rgb(8, 82, 151) ; /* Blue color for header */
	
}

/*From
https://www.cs.cmu.edu/~112/notes/notes-javascript.html#usingJavaScriptInHTML*/
#content{
	padding: 10px;
}

/* From https://www.w3schools.com/css/css_navbar_horizontal.asp
Indicates what page we are on*/
#content nav a {
	font-weight: 600;
	padding: 10px;
	color: rgb(8, 82, 151);
}

#content nav {
	float: right; /* http://www.w3schools.com/css/css_float.asp */

} 
/*Indicates what page we are on*/
#content nav a.selected {
	background: #f6f6f6;
	color: rgb(118, 73, 124);	
}

/*sets the background color*/
body {
	background-color: rgb(206, 179, 184);
  }

#mainh4{
	font-style: italic;
	padding:20px;

}

#mainh5{
	padding:15px;

}

.abouth3{
	padding-left:20px;
	padding-bottom: 5px;
}

#harryText{
	padding:20px;
	text-align: justify;

}

#harryImg{
	float: left;
	width:350px;
	height:290px;
	margin-right:15px;
}

/*Sets position*/
.btn{
	margin-left: 20px;
	margin-bottom:5 px;
}

#message{
	padding-left:20px;
	padding-bottom: 10px;
	font-weight: 500;
	color:rgb(8, 82, 151)
}

/*Sets the quote found on the home page*/
#regTxt{
	padding-left:20px;
	text-decoration: italic;
}


/*Sets dimension for the card*/
.card {
	background-color: rgb(156, 188, 236);
	/*Relative to font-size of the root element from
	 https://www.w3schools.com/cssref/css_units.asp*/
	width: 50rem; 
	margin-bottom: 15px;
}

/*Aligns the list in the card*/
.card-body{
	text-align: left;
}

/*Sets title on the card*/
.albumName{
	padding-top:5px;
	text-align: center;
	font-weight:700;
}

/*From https://www.w3schools.com/howto/howto_css_column_cards.asp*/
.column {
	float: left;
	width: 25%;
	padding: 0 10px;
	width:100%;
  }

/*From https://www.w3schools.com/howto/howto_css_column_cards.asp*/
.row {
	margin:-5px; /* Removes extra margins*/
}

/*From https://www.w3schools.com/howto/howto_css_column_cards.asp*/
.row:after {
  content: "";
  display: table;
  clear: both;
}