html {
	background: #0E1120;
}

.content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.heading {
	display: flex;
	flex-direction: column;
	width: 80%;
	align-items: center;
}

.icons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 60%;
}

.icon {
	width: 10%;
	padding: 5%;
}

.portfolio {
	display: flex;
	flex-direction: column;
	width: 85%;
}

.portfolio_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.portfolio_logo {
	width: 15%;
	height: auto;
}

.portfolio_desc {
	width: 55%;
}

.portfolio_link {
	width: 20%;
	height: auto;
}

.badge {
	max-width: 100%;
	max-height: 100%;
}

.divider {
	background: rgba(0, 0, 0, 0.1);
	width: 100%;
	height: 1px;
	margin-top: 56px;
	margin-bottom: 56px;
}

h1 {
	font-family: 'Roboto Mono', monospace;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	font-size: 64px;
	text-align: center;
	color: #DF7217;
	margin-bottom: 0px;
}

h2 {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	font-size: 36px;
	text-align: center;
	margin-top: 0px;

	color: #D3C7BD;
}

h3 {
	font-family: 'Roboto Mono', monospace;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	font-size: 36px;
	margin: 0px;

	color: rgba(0, 0, 0, 0.85);
}

p {
	margin-top: 0px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	font-size: 18px;

	color: rgba(0, 0, 0, 0.8);	
}

@media(max-width:638px){
	.portfolio{
		width: 100%;
	}

	.portfolio_item {
		flex-direction: column;
		align-items: center;
	}

	.portfolio_logo {
		width: 20%;
	}

	.portfolio_desc {
		width: 70%;
	}

	.portfolio_link {
		width: 50%;
	}

	.icons {
		width: 95%;
	}
}

@media(max-width: 350px){
	.icons {
		width: 50%;
		flex-direction: column;
	}

	.icon {
		width: 40%;
	}
}