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

}

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

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






/* work items */




#return-btn {
	text-decoration: none;
	color: white;
	font-family: aileron, sans-serif;
	font-size : 10px;
	background-color: #083af2;


	padding: 1px;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 1rem;
}
#return-btn:hover {
	background-color: #14c1b8;

}



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


}

.project-list {
	flex: 1 3 auto;
	flex-basis: 0;
padding-right: 1rem;

padding: 1rem;
}

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

.project-description {
	font-family: aileron, sans-serif;
	 font-size : 12px;

  	letter-spacing : 2px;
		text-decoration: none;
		color: #000000;
		line-height: 20px;
		padding-right:1rem;
		padding-left:1rem;
		padding-top: 3rem;


}











#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-right: 1rem;
	padding-top: 2rem;
}




#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-right: 1rem;
	padding-top: 2rem;
}

#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-right: 1rem;
	padding-top: 2rem;
}

#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-right: 1rem;
	padding-top: 2rem;
}








/* WORK SAMPLE PLACEHOLDER*/



#work-sample {
	
	flex: 1 3 auto;
	flex-basis: 4;
display: flex;
flex-direction: column;
justify-content: flex-end;	
width: 100%;
height: 480px;
position: relative;
  overflow-y:scroll;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;


}




#placeholder {
width: 100%;
height: 100%;
display: none;

}

.project-scroll {
	 overflow-x: hidden; 
                overflow-y: auto; 
                text-align:justify; 
}


#project-long {
	width: 100%;
text-align: center;
padding: 2rem;
}




#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 {
	float: right;
	display: flex;
	padding: 3rem;
	padding-left: 20rem;
	padding-top: 20rem;

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


}


/* contact page style */


.contact-text {
float: right;
	display: flex;
	flex-direction: column;
	padding: 3rem;
	padding-left: 20rem;
	padding-top: 20rem;

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

}




/* footer 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;



}