JSFiddle - React, Tailwind, and code Playground

by ZEZEME

HTML

<div class=Top>
    <div class=Sq1>
		<div class=Sq2>
    <div class=P>
    PROJECTS
    </div>
</div>

CSS

/* Rectangle 2.21 */
.Top{
  display: flex; justify-content: center;
        height: calc(100vh - 100px);
        align-items: center;
}.Sq1 {
position: absolute;
border: 1px solid #DAA520;
box-sizing: border-box;
transform: rotate(35deg);
width: 100px;
height: 100px;
}

/* Rectangle 2.22 */
.Sq2 {
position: absolute;
border: 1px solid #DAA520;
box-sizing: border-box;
transform: rotate(15deg);
width: 100px;
height: 100px;
}
.P {
 position: absolute;
width: 213px;
height: 57px;
left: 466px;
top: 185px;

font-family: Abhaya Libre;
font-style: normal;
font-weight: normal;
line-height: normal;
font-size: 48px;

}