body {
	background-color: white;
}

#img {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 1348px;
	height: 500px;
	z-index: 1;
}

#title {
	font-family: "Brush Script MT";
	font-size: 50px;
	color: rgb(230, 142, 34);
	z-index: 2;
	position: absolute;
	top: 25px;
	left: 25px;
}

#sub {
	position: absolute;
	z-index: 3;
	top: 265px;
	left: 560px;
	width: 200px;
	height: 120px;
	border-radius: 50%;
	background: rgb(230, 142, 34);
	border: 3px solid black;
}

#sub-words {
	text-align: center;
	font-family: "Rockwell Condensed";
	font-size: 19px;
	position: absolute;
	z-index: 4;
	top: 9px;
	left: 10px;
	color: black;
}

#sub-words2 {
	font-family: "Rockwell Condensed";
	font-size: 19px;
	position: absolute;
	z-index: 4;
	top: 300px;
	left: 574px;
	color: black;
}

.link {
	font-family: "Century Gothic";
	color: black;
	text-decoration: none;
	position: fixed;
	top: 15px;
	z-index: 15;
}

#pj {
	left: 155px;
}

#hp {
	left: 230px;
}

#af {
	left: 400px;
}

#wc {
	left: 540px;
}

#mr {
	left: 665px;
}

#Home {
	left: 810px;
	background: rgb(0, 180, 255);
}

#about {
	left: 895px;
}

#cs {
	left: 980px;
}

#sug {
	left: 1120px;
}

#qj {
	font-family: "Century Gothic";
	color: rgb(0, 17, 255);
	text-decoration: underline;
	position: fixed;
	z-index: 15;
	top: 0px;
	left: 25px;
}

a:hover {
	background-color: rgb(255, 255, 255);
	border: 1.5px solid rgb(0, 15, 255);
}

a:visited {
	color: black;
}

#shortcuts {
	z-index: 14;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 1400px;
	height: 50px;
	background-color: lightblue;
}

#copyright {
	font-family: "Courier";
	font-size: 12px;
	color: black;
	position: absolute;
	top: -12px;
	left: 2px;
	border: 2px solid gray;
}

#copyright2 {
	background: white;
	position: absolute;
	top: 1500px;
	left: 510px;
	width: 300px;
	height: 20px;
}