/* box */

.box-parent {
	display: inline-block;
	position: relative;
}
.box {
	width: 100px;
	height: 100px;
	border: 1px solid var(--global-font-title);
}
.box.circle{
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
}
.box.rectangle{
	width: 150px;
}
.rotate{
	transform: rotate(45deg);
}