@charset "utf-8";

body { 
  font-family: "Exo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;

}
.headshot {
	width: 200px;
}

/* 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: #480001;
}
footer a {
	color: white;
}
footer 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: 100px;
	padding-bottom: 200px;
	background-attachment: fixed;
	background-position: 20% 80%;
	color: white;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-bottom-width: 5px;
}
#homepage_container {
	border-left-style: solid;
	border-color: #7D7D7D;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
	padding-left: 5%;
	padding-right: 5%;
}
#hp_containerHolder {
	padding-left: 10%;
	padding-right: 10%;
}
#about_image {
	height: 28rem;
}
#timeline {
	width: 35rem;
}
.square_logo {
	padding-left: 5%;
	padding-right: 5%;
}

/* Projects Page */
#projects-hero {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/projects.png");
	background-color: #333333;
	height: 500px;
	padding-top: 200px;
	background-position: 0% 53%;
	background-size: cover;
	color: white;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-bottom-width: 5px;
	
}

/* Thunderbolt Page */
#Thunderbolt-hero {
	display: flex;
    flex-direction: column;
    justify-content: center; /* vertical centering */
    align-items: center;     /* horizontal centering */
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0)), url("../images/ThunderboltBanner.JPEG");
	background-color: #333333;
	height: 300px;
	/* padding-top: 200px; */
	background-position: right center;
	background-size: cover;
	color: white;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-bottom-width: 5px;
}

#Thunderbolt-hero h1 {
    font-family: "Anton", sans-serif;
    font-weight: 500;
	font-size: clamp(40px, 10vw, 100px);
	letter-spacing: 4px;
	color:rgb(0, 0, 0)
}

#Thunderbolt-hero h2 {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
	color:rgb(0, 0, 0)
}

/* Mentorship Page */
#mentorship-hero {
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/mentorship1.jpg");
	background-color: #333333;
	height: 500px;
	padding-top: 200px;
	background-position: 0% 53%;
	background-size: cover;
	color: white;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-bottom-width: 5px;
	
}

/* 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);}