JSFiddle - React, Tailwind, and code Playground

HTML

<div class="rotSquare">
	<div class="innerSquare"></div>
</div>

CSS

.rotSquare {
	background-color:black;
	display:block;
	width:100px;
	height:100px;
	position:absolute;
	font-family:Retroville NC;
	color:white;
	transform:translateZ(1px) rotate(45deg);
	transform-origin:bottom center;
}
.innerSquare {
	border:5px solid red;
	width:80px;
	height:80px;
	position:absolute;
   	top:0;
   	bottom:0;
    	left:0;
    	right:0;
	margin:auto;
}