:root{
	--clr-dark:#020617;
	--clr-purple: #7e22ce;
	--clr-light:#f1f5f9;
	--clr-blue: #60a5fa;
	--clr-cyan: #22d3ee;
	--clr-darkcyan:#083344;
	--clr-rose:#f43f5e;
	--clr-emerald:#6ee7b7;
	--clr-dark-cyan: #1c8d9e;

}
html{
	font-family: 'Poppins';
}
body {
	background: var(--clr-dark);
	color: white;
}
strong{
	color:var(--clr-blue);
	font-weight: bolder;
}
a{
	text-decoration: none;
	color: inherit;
	font-weight:bold;
}

.socials{
	cursor: pointer;
	font-size: 30px;
    display: grid;
	font-weight: bolder;
	color: var(--clr-emerald) !important;
	

}

.socialsLinkedin{
	transition: 0.5s;
}
.socialsInsta{
	transition: 0.5s;
}
.fa-discord:hover{	
transform: translateY(-10px);
}
.socialsInsta:hover{	
transform: translateY(-10px);
}
.socialsLinkedin:hover{
transform: translateY(-10px);
}
.fa-github:hover{
transform: translateY(-10px);
}
.fa-codepen:hover{
	transform: translateY(-10px);
}
.text-underline{
	position: relative;
	padding-bottom: 7px;
}
.text-underline::after{
	content: '';
	position: absolute;
	width: 50px;
	height: 5px;
	bottom: 0;
	left: 0;
	border-radius: 8px;
	background: var(--clr-cyan);

}


.article-title {
    position: relative;
    padding-bottom: 7px;
}

    .article-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 30px;
        height: 3px;
        background: var(--clr-cyan);
        border-radius: 3px;
    }