SCSS

by Ankit Patidar

HTML

<div id="page-wrap">
		<div class="badge">
		  <h1><span class="char1">Y</span><span class="char2">o</span><span class="char3">u</span><span class="char4"> </span><span class="char5">a</span><span class="char6">r</span><span class="char7">e</span><span class="char8"> </span><span class="char9">h</span><span class="char10">e</span><span class="char11">r</span><span class="char12">e</span></h1>
		</div>
	
	</div>

SCSS

.badge {
    position: relative;
    border-radius: 0%;
    transform: rotate(160deg);
    transform-origin: 0rem 7rem;
}