body {
	height: 100vh;
	background-image: url("images/stone.jpg");
	background-size: 200px;
	font-family: verdana;
}

hr {
	height: 2px;
	text-align: center;
	color: black;
	background-color: black;
	border-width: 0;
	margin: 2px 10px 20px;
}

nav {
	display: flex;
	height: 110px;
	align-items: center;
	background-image: url("images/creeper.png");
	background-repeat: no-repeat;
	background-size: 70px;
	background-position: left;
	border-radius: 10px;
	justify-content: space-between;
	margin: 10px 0px;
	font-family: minecraft;
}

.borderbox {
	background-color: #57b64b;
	border-radius: 10px;
	padding-left: 10px
}

nav a {
	margin: 0px 80px;
	text-decoration: none;
	color: black;
	font-size: 50px;
}

nav a:first-child {
	margin-left: 0px;
	padding-left: 80px;
}

nav a.button {
	background-color: #438f45;
	width: 90px;
	height: 90px;
	border-radius: 5px;
	background-image: url("images/asset3.png");
	background-size: 65px;
	background-repeat: no-repeat;
	margin: 5px;
	background-position: center;
	float: right;
}

nav a.signin {
	color: #603813;
	border-width: 5px;
	padding: 10px 3px;
	border-color: #603813;
	border-radius: 3px;
	font-size: 20px;
	border-style: solid;
	position: absolute;
	right: 70px;
}

#suggestionbar {
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: auto auto auto auto auto auto auto;
	grid-template-rows: 54px 1px 55px;
	width: 95%;
	align-items: center;
	height: 110px;
	background-color: #B1B2B3;	
	border-radius: 3px;
	justify-content: space-between;
}

#suggestionbar hr {
	grid-column: 1/-1;
}

#suggestionbar p {
	grid-column: 1/-1;
	font-family: verdana;
	color: black;
	font-size: 30px;
	margin: 5px;
}

#suggestionbar a {
	grid-gap: 0;
	background-color: #999A9C;
	height: 30px;
	width: 150px;
	border-radius: 10px;
	margin: 20px;
	text-align: center;
	padding-top: 10px;
	color: black;
	text-decoration: none;
}

#videos {
	display: grid;
	grid-template-columns: 399px 399px 399px 399px;
	grid-template-rows: 345px 345px;
	grid-gap: 20px;
}

#videos a {
	width: 399px;
	height: 345px;
	background-repeat: no-repeat;
}

#thumbnail1 {
	background-image: url("images/thumbnail1.png");
}

#thumbnail2 {
	background-image: url("images/thumbnail2.png");
}

#thumbnail3 {
	background-image: url("images/thumbnail3.png");
}

#thumbnail4 {
	background-image: url("images/thumbnail4.png");
}

#thumbnail5 {
	background-image: url("images/thumbnail5.png");
}

#thumbnail6 {
	background-image: url("images/thumbnail6.png");
}

#thumbnail7 {
	background-image: url("images/thumbnail7.png");
}

#thumbnail8 {
	background-image: url("images/thumbnail8.png");
}

#thumbnail9 {
	background-image: url("images/thumbnail9.png");
}

.content {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	display: grid;
	height: 100%;
	width: 98%;
	grid-template-columns: 90% 10%;
	grid-gap: 10px;
}

#creators {
	background-color: gray;
	max-width: 300px;
	height: 710px;
	border-radius: 10px;
	background-image: url("images/creators.png");
	background-size: 185px auto;
	background-repeat: no-repeat;
}


@font-face {
	font-family: minecraft;
	src: url(fonts/minecraftevenings.ttf);
}

// FE4543 //