@charset "utf-8";

/* 404 Page */
#container-404 {
	margin-top: 225px;
	margin-bottom: 225px;
}
#col-404 {
	height: 125px;
}
#text-404 {
	font-size: 100px;
	height: 50px;
}
#launchnotfound {
	
	width: 950px;
}

/* Temp Page */
#underConstruct {
	height: 700px;
}
#container-temp {
	margin-top: 100px;
	margin-bottom: 100px;
}
#col-temp {
	height: 80px;
}
#text-temp {
	font-size: 60px;
	height: 50px;
}

#navbar_style {
	background-color: #540D00;
}
a {
	color: white;
}
a:hover { color: lightgray; }

/* Homepage */
#homepage-hero {
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/homepage_hero.jpg");
	height: 700px;
	padding-top: 300px;
	background-attachment: fixed;
	background-position: 20% 80%;
	color: white;
	border-bottom-style: solid;
	border-bottom-color: #540D00;
	border-bottom-width: 10px;
	
}
#homepage_container {
	border-left-style: solid;
	border-color: #717171;
	border-left-width: 3px;
	border-right-style: solid;
	border-right-width: 3px;
	padding-left: 5%;
	padding-right: 5%;
}
#hp_containerHolder {
	padding-left: 5%;
	padding-right: 5%;
}
#about_image {
	height: 28rem;
}
#timeline {
	width: 35rem;
}

/* Projects Page */
#projects-hero {
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/projects.png");
	background-color: #333333;
	height: 500px;
	padding-top: 200px;
	background-position: 0% 40%;
	background-size: contain;
	background-repeat: no-repeat;
	color: white;
	border-bottom-style: solid;
	border-bottom-color: #540D00;
	border-bottom-width: 10px;
	
}
/* Page Footer */
#footer_main {
	background-color: #000500;
	color: white;
	padding-top: 4rem;
}
#socials {
	font-size: 23px;
	letter-spacing: 5px;
}
#socials a {
	color: white;
}
#socials a:hover {filter: brightness(0.7);}