body{
	font-family: 'Source Sans Pro', sans-serif;
}

.item{
	font-family: 'Source Sans Pro', sans-serif;
}

.medium{
	height: 250px;
}

.customSize{
	height: 300px;
}

a{
	color: #E54F4F;
}

#introSegment{
	height: 700px;
	background-color: white;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	color: #9E2534;
	padding-top: 250px;
}
h1{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 45px;
}
h4{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 36px;
	font-weight: lighter;
}

h5{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 25px;
	font-weight: lighter;
	line-height: 20px;
}
#aboutSegment{
	display:block;
	overflow:auto;
	background-color: #4F0A13;
	color: white;
	text-align: center;
	padding-top: 40px;
	min-height: 700px;
}

#contactSegment{
	text-align: center;
	color: #EE9696;
	font-size: 25px;
	padding-top: 20px;
	font-family: 'Source Sans Pro', sans-serif;
}

#profPlaceholder{
	height: 250px;
	width: 250px;
	background-color: gray;
}

#projectsSegment{
	height: 700px;
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/laptop.jpg');
	background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center; 
    text-align: center;
    color: white;
}

#projectDisplaySegment{
	height: 700px;
	background-color: #38040E;
	color: white;
	text-align: center;
}

#projectDisplaySegment h4{
	color: #E54F4F;
}

#projectImage{
	padding-top: 40px;
	height: 350px;
	background-color: white;
}

.projectButtons{
	position:absolute;
	bottom: 0;
	width: 100%;
	height: 180px;
}

.projectButton{
	font-family: 'Source Sans Pro', sans-serif;
	width: 100%;
	height: 60px;
	color: white;
	padding-top: 20px;
	padding-left: 30px;
	text-align: left;
	font-size: 28px;
}

.textContent{
	margin: 15px;
	text-align: justify;
    text-justify: inter-word;
}

.default{
	border: 0px solid white;
}

#project1{
	background-color: #EE9696;
}

#project2{
	background-color: #B04C4C;
}

#project3{
	background-color: #832727;
}

.active{
	border: 5px solid white;
}

#skillsSegment{
	height: 720px;
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/coffeeSmall.jpg');
	background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center; 
    text-align: center;
    color: white;
}

#skillsSegment h5{
	color: #F27C8B;
}

#skillsSegment .item{
	font-size: 14px;
	color: white;
}

.card{
	width: 100%;
	height: 240px;
}

#card1 .forward{
	background-color: #9E2534;
}

#card2 .forward{
	background-color: #38040E;
}

#card3 .forward{
	background-color: #9E2534;
}

#card4 .forward{
	background-color: white;
}

#card5 .forward{
	background-color: #800E13;
}

#card6 .forward{
	background-color: white;
}

#card7 .forward{
	background-color: #800E13;
}

#card8 .forward{
	background-color: #38040E;
}

#instructions {
	padding-top: 80px;
	background-color: #0C0E19;
	text-align: center;
	font-size: 25px;
	line-height: 30px;
	font-family: Futura,Trebuchet MS,Arial,sans-serif; 
}

.forward{
  height: 240px;
  width: 100%;
  text-align: center;
  font-size: 36px;
  font-family: Futura,Trebuchet MS,Arial,sans-serif; 
}
.frontText{
  padding-top: 100px;
}
.frontWhite{
  color: white;
}
.frontGreen{
  color: #B8E986;
}
.frontRed{
  color: #D22B3F;
}
.codeblock {
  background-color: #0C0E19;
  height: 240px;
  width: 100%;
  padding-left: 20px;
  font-size: 15px;
  font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New;
}

.indent {
  padding-left: 10px;
}

.comment {
  padding-top: 40px;
  color: #9B9B9B;
}

.colorCode1 {
  color: #B8E986;
}

.colorCode2 {
  color: #50E3C2;
}

.colorCode3 {
  color: #9013FE;
}

#footer{
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #0C0E19;
	padding-top: 20px;
	font-size: 15px;
	text-align: center;
	height: 50px;
	color: white;
}