#lowercase-f {
 	width:400px;
	height:500px;
}

.f1 {
	width: 0px;
	height: 350px;
	z-index: 10;
	position: absolute;
	left: 180px;
	top: 100px;
	transform: rotate(-20deg);
	border: 3px solid black;
}

.f2 {
	width: 0px;
	height: 100px;
	z-index: 20;
	position: absolute;
	left: 180px;
	top: 20px;
	transform: rotate(65deg);
	border: 3px solid black;
}

.f3 {
	width: 50px;
	height: 0px;
	z-index: 30;
	position: absolute;
	left: 235px;
	top: 60px;
	transform: rotate(30deg);
	border: 3px solid black;
}

.f4 {
	width: 0px;
	height: 120px;
	z-index: 40;
	position: absolute;
	left: 180px;
	top: 240px;
	transform: rotate(40deg);
	border: 3px solid black;
}