/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

#portfolio .container {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    word-wrap: break-word;
	justify-content: center;
	gap: 25px;
}

.description-projects{
  width: 364px;
  background-color: #343a40;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding: 25px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.description-projects img{
	width: 100%;
	border-radius: 7px;
}

.description-projects h3 {
	color: white;
	font-family: "Archivo", sans-serif;
}

.description-projects p {
	color: white;
	font-family: "Archivo", sans-serif;
}

.description-projects:hover {
	border: 1px solid;
	border-color: #20c997;
}

.my-habilities{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}

.habilitie {
	width: 200px;
	height: 150px;
	background-color: #343a40;
  	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  	padding: 30px;
	text-align: center;
	color: #20c997;
	border-radius: 10px;
}

.habilitie:hover {
	border: 1px solid;
	border-color: #20c997;
}

.habilitie i {
	font-size: 50px;
}

.typescript-icon {
	width: 50px;
	height: 50px;
}

.csharp-icon {
	width: 50px;
	height: 50px;
}

.mysql-icon {
	width: 100px;
	height: 100px;
}

.btn-whatsapp {
	background-color: #20c997;
}

.contact {
	margin-top: 100px;
}


@media (max-width: 440px) {
	.my-habilities{
		display: flex;
		justify-content: center;
	}
}