Edit in JSFiddle

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

<div id="square"></div>

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

#square {
	font-size: 90px; /* Sterowanie rozmiarem figury. */
	width: 1em;
	height: 1em;
	background-color: #F34A53;
	margin: 55px auto 0;
	transform: rotate( 45deg );
}