/*
 * OLD
#creations {margin:50px 15%;display: block;}
#creations > center > .creation {display:flex;flex-direction:row;width:100%;justify-content: space-between; margin:25px 0;}
#creations > center > .creation > .left {order:1;text-align:left;}
#creations > center > .creation > .right {order:2;text-align:left;}
#creations > center > .creation > .description.right {padding-right:40px;}
#creations > center > .creation > .img img {max-height:400px;}
#creations > center > .creation > .description {padding:20px;width:50%;}
#creations > center > .creation > .description > div { margin:5px 0; position: relative; }
#creations > center > .creation > .description > div > .tech {border:0;}
#creations > center > .creation > .description > p {margin:15px 0;}
#creations > center > .creation > .description > div.show-more {
	text-align:center;
	margin:25px auto;
	padding:15px;
	font-size:20px;
	font-weight: bold;
	border:0;
	border-radius: 150px;
	background:linear-gradient(90deg, #DA3958 0%, #DA4739 100%);
	color:white;
	width:200px;
	transition: 0.5s;
}
#creations > center > .creation > .description > div.show-more > span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}
#creations > center > .creation > .description > div.show-more > span:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f101';
	position: absolute;
	opacity: 0;
	top: 2px;
	right: -20px;
	transition: 0.5s;
}
#creations > center > .creation > .description > div.show-more:hover > span {padding-right: 25px;transition:0.5s;}
#creations > center > .creation > .description > div.show-more:hover > span:after {opacity: 1;right: 0;transition:0.5s;}

@media screen and (max-width:1600px) {
	#creations {margin:50px 10%;}
	#creations > center > .creation > .img img {max-height:300px;}
}
@media screen and (max-width:1200px) {
	#creations {margin:50px 0;}
	#creations > center > .creation {flex-direction:column;}
	#creations > center > .creation > .left {order:0;display: block;margin:auto auto;}
	#creations > center > .creation > .right {order:0;display: block;margin:auto auto;}
} */

#filters
{
    color:white;
    padding-left:10%;
	padding-right:10%;
	margin-top:10px;
}

#filters > .filter
{
    display:inline-block;
    padding:7px;
    margin:5px;
    background:linear-gradient(90deg, #DA3958 0%, #DA4739 100%);
    color:white;
    border:0;
    border-radius:5px;
	box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
	cursor: pointer;
}

#creations {margin-top:20px;display: flex;flex-direction: row;justify-content: space-evenly;flex-wrap: wrap;font-family:'Raleway', sans-serif;}

#creations > div.creation {
	height:275px;
	position: relative;
	margin:20px 0;
	text-align: center;
	background:linear-gradient(90deg, #DA3958 0%, #DA4739 100%);
	color:white;
	width:30%;
	box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
	text-transform: uppercase;
	border-radius: 5px;
	font-size:1.3rem;
	vertical-align: middle;
}

#creations > div.creation > div {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

@media screen and (max-width:1200px) {
	#creations > div.creation {width:35%;}
}
@media screen and (max-width:600px) {
	#creations > div.creation {width:95%;}
}