<div class="t1 t1-start flex">
<div class="t1 flex flex-col w-64 h-100vh bg-c-brand">
<div class="t1 flex-1">
<div class="t1 flex flex-center h-64">
<svg class="t1 w-40 h-40 stroke-1.5 stroke-c-white fill-transparent" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M0 0h24v24H0z" stroke="none"/><path d="M6 17.6l-2-1.1V14M4 10V7.5l2-1.1M10 4.1L12 3l2 1.1M18 6.4l2 1.1V10M20 14v2.5l-2 1.12M14 19.9L12 21l-2-1.1M12 12l2-1.1M18 8.6l2-1.1M12 12v2.5M12 18.5V21M12 12l-2-1.12M6 8.6L4 7.5"/></svg>
</div>
<div class="t1 flex flex-center h-64">
<svg class="t1 w-40 h-40 stroke-1.5 stroke-c-white fill-transparent" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M0 0h24v24H0z" stroke="none"/><circle cx="12" cy="13" r="2"/><path d="M13.45 11.55L15.5 9.5M6.4 20a9 9 0 1111.2 0z"/></svg>
</div>
<div class="t1 flex flex-center h-64">
<svg class="t1 w-40 h-40 stroke-1.5 stroke-c-white fill-transparent" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M0 0h24v24H0z" stroke="none"/><circle cx="14" cy="6" r="2"/><path d="M4 6h8M16 6h4"/><circle cx="8" cy="12" r="2"/><path d="M4 12h2M10 12h10"/><circle cx="17" cy="18" r="2"/><path d="M4 18h11M19 18h1"/></svg>
</div>
<div class="t1 flex flex-center h-64">
<svg class="t1 w-40 h-40 stroke-1.5 stroke-c-white fill-transparent" xmlns="http://www.w3.org/2000/svg"viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M0 0h24v24H0z" stroke="none"/><path d="M10 5a2 2 0 014 0 7 7 0 014 6v3a4 4 0 002 3H4a4 4 0 002-3v-3a7 7 0 014-6M9 17v1a3 3 0 006 0v-1"/></svg>
</div>
</div>
<div class="t1 flex flex-center h-64">
<div class="t1 flex flex-center w-40 h-40 bg-c-white rounded-full">
<svg class="t1 w-32 h-32 stroke-1.5 stroke-c-brand fill-transparent" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M0 0h24v24H0z" stroke="none"/><circle cx="12" cy="7" r="4"/><path d="M6 21v-2a4 4 0 014-4h4a4 4 0 014 4v2"/></svg>
</div>
</div>
</div>
<div class="t1 flex-1 h-100vh overflow-auto bg-c-gray-150">
<div class="t1 flex-1 h-100vh w-720 mx-auto my-32 h-5000 bg-c-white shadow-8 p-32 font-48">
<h1 class="t1 u1.h1">Heading 1</h1>
<p class="t1 u1.p">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.</p>
<p class="t1 u1.p">Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.</p>
</div>
</div>
</div>