/* Show it is fixed to the top */
	body {
	  min-height: 75rem;
	  padding-top: 4.5rem;
	}
/*font family for all sizes*/
	h1 {
	font-family: Merriweather, serif;
	}
	h2 {
	font-family: Merriweather, serif;
	}
	h3 {
	font-family: Merriweather, serif;
	}
	h4 {
	font-family: Merriweather, serif;
	}
	h5{
	font-family: Merriweather, serif;
	}
	h6 {
	font-family: Merriweather, serif;
	}
	p {
	font-family: Merriweather, serif;
	}
	.title {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.webname {
		padding-top: 20px;
	}
/*navigationa and carousel*/
	.nav-link {
		font-family: Merriweather, serif;
		color: black;
	}
	.navbar-brand {
		font-family: Merriweather, serif;
		color: black;
	}
	.carousel-caption {
		background-color:rgba(0,0,0,0.8);
		padding: 30px;
	}
	.card {
		margin: 10px 0px;
		color: black;
		padding: 30px;
	}
	.row {
		padding-bottom: 20px;
		padding-top: 20px;
	}
/*handwriting font changes*/
	.hqd	{
		font-family: Pacifico, serif;
		padding-bottom: 20px;
		text-align: center;
	}
	.ul {
		font-family: Pacifico, serif;
		padding-bottom: 20px;
	}
	.cardalign h1 {
		text-align: left;
	}
/*links*/
	.links {
		color: black;
	}
	.links:hover {
		color: black;
		font-weight:bold;
		text-decoration:underline;
	}
/*Teal colours*/
	.lightteal {
		background-color: #ccffff;
	}
	.mediumteal {
		background-color: #91d8e2;
	}
	.darkteal {
		background-color: #5bc1d0;
	}
/*Pink colours*/
	.lightpink {
		background-color: #f99f98;
	}
	.meduimpink {
		background-color: #f2857d;
	}
	.darkpink {
		background-color: #ef685f;
	}
/*Yellow colours*/
	.lightyellow {
		background-color: #fefc97;
	}
	.meduimyellow {
		background-color: #fdfa68;
	}
	.darkyellow {
		background-color: #fafd57;
	}
/*Green gradient*/
	.green {
		background: linear-gradient(to left, #33cc33 0%, #99ff99 100%);
	}
/*Sections*/
/*Work experience carousel*/
	#carousel {
		background-color: #424242;
		color:white;
		padding: 20px;
	}
	#workexpexperience {
		background-color: #424242;
		color:white;
		padding: 20px;
	}
	#workexpexperience {
		padding:20px;
		width: 100%;
	}
/*Helpful Questions and Diagrams*/
	#helpfulqd {
		background-color: #dbdbdb;
		color: black;
		padding: 20px;
	}
/*Helpful Diagrams images*/
	.hd {
		padding: 20px;
	}
/*Useful links*/
	#usefullinks {
		background-color: #424242;
		color: white;
		padding: 20px;
	}
/*Warriors of the net video*/
	#warriors {
		background-color: #dbdbdb;
		color: black;
		padding: 20px;
		padding-bottom: 70px;
	}