Edit in JSFiddle

<!-- 
 - CSS wielokąty - rysowanie figur i kształtów, generatory
 - https://danielpietrasik.pl/css-wielokaty/
-->

<div id="pentagon"></div>

/**
 * CSS wielokąty - rysowanie figur i kształtów, generatory
 * https://danielpietrasik.pl/css-wielokaty/ 
 **/

#pentagon {
	font-size: 7px; /* Sterowanie rozmiarem figury. */
	width: 0;
	border-left: 11em solid transparent;
	border-right: 11em solid transparent;
	border-bottom: 8em solid #F34A53;
	position: relative;
	margin: 35px auto 0;
}

#pentagon:before {
	content: '';
	position: absolute;
	left: -11em;
	top: 8em;
	width: 12em;
	border-top: 10em solid #F34A53;
	border-left: 5em solid transparent;
	border-right: 5em solid transparent;
}