/*Skills*/
.skills{
    padding-top: max(2rem, calc(5px + 5vw));
    transition: padding-top 0.3s ease; 
    padding-bottom: 3rem;
	background-color: var(--light-background);
    width: 100%;
    margin: auto;
}
.skills h2{
    color: black;
    font-size: 2rem;
    text-align: center;    
}

.category_title{
    font-size: 1.6rem;
    background-color: var(--dark-background);
    padding: 2rem;
    width: clamp(280px, 20vw, 350px);;
    color: var(--light-background);
    border-radius: 20%;
    text-align: center;
}

.skills-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    gap:100px;
    z-index: 2;
	position: relative;
}
.category_content .skill{
    width: 90px;
	height: 90px;
    text-decoration: none;
    padding: 0.3rem;
    text-align: center;
    color: black;
}
.category_content{
    background-color: rgb(230, 227, 237);
    border-radius: 17%;
    padding-bottom: 5rem;

}
.category_skills{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, 110px);
	justify-content: center;
	flex-wrap: wrap;
	grid-gap: 50px;

}

.skill img{
    width: 100%;
    transform: scale(0.95);
  }
  
.skill:hover img{
	transform: scale(1);
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
  }

/*Skills*/