#pastWork
{
	background-color:#040f24;
	color:white;
	display:flex;
	flex-direction:column;
	padding-bottom:30px;
	border-top:1px;
	border-top-style:solid;
}

#pastWork h1
{
	text-align:center;
}

#prevWorkContainer 
{
	display:flex;
	list-style:none;
	justify-content:center;
}

#prevWorkContainer ul
{
	list-style:none;
	display: flex;
	flex-flow: row;
}

#prevWorkContainer li
{
	padding-right:50px;
}

.projectContainer
{
	width:300px;
	height:500px;
	display:block;
	text-align:center;
	display: flex;
	flex-flow: column;
	gap:15px;
	background-color: #00000021;
	border-radius:5%;	
}

.projectContainer img
{
	width:300px;
	height:300px;
}

.projectBttn {
	text-align:center;
	position:relative;
	font-size:24px;
	width: 100%;
	height: 100%;
	display: inline-block;	
}

.projectDesc 
{		
	width: 180%;
	height: 100%;
	position: absolute;
	top: 0;
	left:0;
	z-index: 10;
	background-color: #000000a8;
	padding-top:30px;
	color:white;
}

.projectName
{
	font-size:30px;
	display:block;
	text-align:center;
	
}

.projectDesc
{
	display:contents;
	font-size:15px;
}

.toolsUsed
{
	justify-content: center;
	display: flex;
}

.toolsUsed li
{
	flex: 1;
  display: flex;
}

.toolsUsed button
{	
	width: 65px;
}

.toolsUsed a img
{
	width:20px;
	height:20px;
}

.toolsUsed a
{
	display:block;
	width: 25px;
	height:20px;
	background-color:orange;
	border:2px solid orange;
	border-radius:10%;
}