html {
	font-size: 12px
}

body {
	overflow-x: hidden;
	font-family: "Raleway", sans-serif
}

h3{
	font-size: 3rem;
	font-weight: 700;
	font-family: "Lato", sans-serif
}

.page-section {
	padding: 6rem 0
}

.script-font {
	font-family: "Courgette", cursive
}

#portfolio {
	/* background: url("./../assets/img/skills.jpg") center top no-repeat fixed; */
	color: #495057;
	background-size: cover;
	position: relative
}


#portfolio .skillswrapper .heading {
	font-size: 2rem;
	color: #d73d4e
}

#portfolio .skillswrapper .soft-skills {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#portfolio .skillswrapper .soft-skills .soft-skills-wrapper {
	margin-top: 4rem
}

#portfolio .skillswrapper .soft-skills .soft-skills-wrapper .h-boxes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#portfolio .skillswrapper .soft-skills .soft-skills-wrapper .h-boxes:first-child .box:first-child
	{
	background-color: #d73d4e
}

#portfolio .skillswrapper .soft-skills .soft-skills-wrapper .h-boxes:first-child .box:first-child span i
	{
	color: #fff;
	font-size: 2.3rem
}

#portfolio .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 85px;
	height: 85px;
	background-color: #dedede;
	margin-right: 4px;
	margin-bottom: 4px
}

/* #portfolio .skillswrapper .soft-skills .soft-skills-wrapper .h-boxes .box:last-child
	{
	margin-right: 0
} */

.h-boxes span
	{
	display: inline-block;
	width: 100%;
	text-align: center;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

#portfolio
	{
	font-size: 1.1rem;
	font-weight: 600
}

.technical-skills {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}