/* top items */
.container {
	margin: 1rem;
	padding: 1rem;
	display: flex;
	flex-direction: column;
}


.title-nav {
	font-family: aileron, sans-serif;
	font-style: normal;
	font-weight: 100;
	color : #000000;
	letter-spacing : 7.35px;
	font-size : 35px;
	padding-left: 2rem;
}


hr {
  margin-left: 0;
  margin-right: 0;
}

.nav-menu {
	font-family: aileron, sans-serif;
	font-style: normal;
	font-weight: 100;
	display: flex;
	justify-content: flex-end;


}




.contact {
	padding-right: : 4rem;
	padding-right: 4rem;
}


.about {
		padding-right: : 4rem;
	padding-right: 4rem;
}






/* work items */








.list-and-work-sample {
	display: flex;
	justify-content: space-between;


}

.project-list {
	padding-top: 10rem;

	align-self: flex-end;
	flex: 1 3 auto;
	flex-basis: 0;
padding-right: 1rem;
	padding-top: 2rem;

}



#incompatible {
	font-family: aileron, sans-serif;
	 font-size : 14px;
  	letter-spacing : 4px;
		padding-right: 10rem;
		padding-left: 1rem;
		text-decoration: none;
		color: #000000;
		white-space: nowrap; 
		text-overflow: ellipsis;

	}
.incompatible-container {
			color: #000000;

	padding-top: 2rem;

}

#incompatible:hover {
	color: #083af2;
}












#news-that-sways {
	font-family: aileron, sans-serif;
	 font-size : 14px;
  	letter-spacing : 4px;
		padding-right: 10rem;
		padding-left: 1rem;
		text-decoration: none;
		color: #000000;
		white-space: nowrap; 
		text-overflow: ellipsis;
}
.news-container {
	
	padding-top: 2rem;
}
#news-that-sways:hover {
	color: #083af2;
}




#primespace {
	font-family: aileron, sans-serif;
	 font-size : 14px;
  	letter-spacing : 4px;
		padding-right: 10rem;
		padding-left: 1rem;
		text-decoration: none;
		color: #000000;
		white-space: nowrap; 
		text-overflow: ellipsis;
}
.primespace-container {
	padding-top: 2rem;
}

#primespace:hover {
	color: #083af2;
}



#collection-gaigniere {
		font-family: aileron, sans-serif;
	 font-size : 14px;
  	letter-spacing : 4px;
		padding-right: 10rem;
		padding-left: 1rem;
		text-decoration: none;
		color: #000000;
		white-space: nowrap; 
		text-overflow: ellipsis;
}
.gaigniere-container {
	padding-top: 2rem;
}

#collection-gaigniere:hover {
	color: #083af2;
}



#consumer-residue {
		font-family: aileron, sans-serif;
	 font-size : 14px;
  	letter-spacing : 4px;
		padding-right: 10rem;
		padding-left: 1rem;
		text-decoration: none;
		color: #000000;
		white-space: nowrap; 
		text-overflow: ellipsis;

}
.cr-container {

	padding-top: 2rem;
}

#consumer-residue:hover {
	color: #083af2;
}








/* WORK SAMPLE PLACEHOLDER*/



#work-sample {
	
	flex: 1 3 auto;
	flex-basis: 4;
display: flex;
flex-direction: column;
justify-content: flex-end;	
width: 100%;
height: 100%;
position: relative;
}




#placeholder {
width: 100%;
height: 100%;
}


#incompatible-thumbnail {
	
width: 100%;
height: 100%;
position: absolute;
display: none;
}


#news-thumbnail {
	
width: 100%;
height: 100%;
position: absolute;
display: none;
}


#gaigniere-thumbnail {
	
width: 100%;
height: 100%;
position: absolute;
display: none;
}


#primespace-thumbnail  {
	
width: 100%;
height: 100%;
position: absolute;
display: none;
}


#cr-thumbnail  {
	
width: 100%;
height: 100%;
position: absolute;
display: none;
}






/* WORK SAMPLE PLACEHOLDER*/


/*
.work-sample-01 {
	background-color: #a5f9f7;
	background-image: url(media/project-1-thumbnail.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	flex: 1 3 auto;
	flex-basis: 4;

width: 100%;



}





/* about page style */


.about-text {
	x
	display: flex;
	padding: 3rem;
	padding-left: 24rem;
	padding-top: 9rem;
	

	font-family: aileron, sans-serif;
	font-style: normal;
	font-weight: 100;
	color : #000000;
	letter-spacing : 3px;
	font-size : 14px;
	text-align: center;
	line-height: 30px;
	margin-right: 22rem;
}


/* contact page style */


.contact-text {
	display: flex;
	flex-direction: column;
	
	margin-top: 14rem;
	margin-bottom: 5rem;
	margin-left: 4rem;	

	font-family: aileron, sans-serif;
	font-style: normal;
	font-weight: 100;
	color : #000000;
	letter-spacing : 7px;
	font-size : 18px;
	text-align: block;

}


/* cfooter style */



.footer-container {

font-family: aileron, sans-serif;
	font-style: normal;
	font-weight: 100;
	color : #000000;
	font-size : 12px;
	margin-top: 1rem;
		


}


.footer-text {

font-family: aileron, sans-serif;
	font-style: normal;
	font-weight: 100;
	color : #000000;

font-size : 12px;
padding: 3rem;
letter-spacing : 2px;
padding-top: 2rem;
text-align: right;



}