<div class="flex text-9xl font-bold gap-3 md:gap-10 mb-4 justify-around md:justify-start">
	<div class="text-dark dark:text-primary">S</div>
	<div class="text-primary dark:text-dark">T</div>
	<div class="text-primary dark:text-dark">D</div>
	<div class="text-primary dark:text-dark">F</div>
</div>
<div class="max-w-full md:max-w-md">
	<svg class="w-full" viewBox="0 0 91 81" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path
			fill-rule="evenodd"
			clip-rule="evenodd"
			d="M0 1H50C64.8057 1 77.7325 9.04398 84.6487 21H50H40V31H50C55.5229 31 60 35.4771 60 41C60 46.5229 55.5229 51 50 51H40V81H20V21H0V1ZM90 41C90 63.0914 72.0914 81 50 81V61C61.0457 61 70 52.0457 70 41C70 37.3571 69.0261 33.9417 67.3243 31H88.7398C89.5625 34.1962 90 37.547 90 41Z"
			class="fill-primary dark:fill-dark"
		/>
		<path fill-rule="evenodd" clip-rule="evenodd" d="M20 1V31H40L20 81V51H0L20 1Z" class="fill-dark dark:fill-primary" />
		<line y1="0.9" x2="90" y2="0.9" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line y1="10.9" x2="90" y2="10.9" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line y1="20.9" x2="90" y2="20.9" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line y1="30.9" x2="90" y2="30.9" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line y1="40.9" x2="90" y2="40.9" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line y1="50.9" x2="90" y2="50.9" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line y1="60.9" x2="90" y2="60.9" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line y1="70.9" x2="90" y2="70.9" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line y1="80.9" x2="90" y2="80.9" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line x1="0.1" y1="1" x2="0.0999965" y2="81" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line x1="10.1" y1="1" x2="10.1" y2="81" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line x1="20.1" y1="1" x2="20.1" y2="81" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line x1="30.1" y1="1" x2="30.1" y2="81" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line x1="40.1" y1="1" x2="40.1" y2="81" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line x1="50.1" y1="1" x2="50.1" y2="81" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line x1="60.1" y1="1" x2="60.1" y2="81" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line x1="70.1" y1="1" x2="70.1" y2="81" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line x1="80.1" y1="1" x2="80.1" y2="81" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<line x1="90.1" y1="1" x2="90.1" y2="81" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<circle cx="50" cy="41" r="39.9" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<circle cx="50" cy="41" r="19.9" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
		<circle cx="50" cy="41" r="9.9" class="stroke-gray-400 dark:stroke-gray-600" stroke-width="0.2" stroke-dasharray="2 2" />
	</svg>
</div>
