logo.svg

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 400 200">
<style>
	@import url("style.css");

	text {
		fill: black;
		font: 75.3px Damion, Marker Felt, Comic Sans MS, cursive;
	}

	#cat {
		fill: hsl(40, 60%, 90%);
		mask: url(#text);
		filter: invert();
	}

	#notext:target ~ #cat {
		mask: none;
	}

	#beige:target ~ #cat {
		filter: none;
	}

	#red:target ~ #cat {
		filter: none;
		fill: hsl(10, 50%, 40%);
	}
</style>
<defs>
	<mask id="text">
		<rect width="100%" height="100%" fill="white" />
		<path id="textpath" fill="none" d="M111.149,175.177c107.322,2.43,151.351-4.032,187.503-125.733" />
		<text transform="matrix(0.997 0.0161 -0.0162 0.9999 111.0996 175.2148)">s</text>
		<text transform="matrix(0.9971 -0.0072 0.0072 1 133.7163 175.5908)">t</text>
		<text transform="matrix(0.9947 -0.0686 0.0688 0.9976 154.5425 175.6768)">r</text>
		<text transform="matrix(0.9713 -0.2255 0.2261 0.9741 189.2085 173.0957)">e</text>
		<text transform="matrix(0.8828 -0.4635 0.4648 0.8854 220.0977 164.959)">t</text>
		<text transform="matrix(0.7028 -0.7073 0.7094 0.7048 243.3564 151.7832)">c</text>
		<text transform="matrix(0.4923 -0.8671 0.8696 0.4937 264.1025 129.9561)">h</text>
		<text transform="matrix(0.3573 -0.9309 0.9336 0.3584 281.624 97.9468)">y</text>
	</mask>
</defs>
<g id="notext"></g>
<g id="red"></g>
<g id="beige"></g>
<path id="cat" d="M295.5,5.07c3.5,0,7,0,10.5,0c3.179,0.519,6.402,0.535,9.603,0.769c5.742,0.421,11.236,1.919,16.709,3.52
	c14.509,4.241,28.256,10.096,40.19,19.626c6.946,5.547,13.259,11.712,17.708,19.54c3.18,5.595,4.936,11.623,5.556,18.05
	c1.286,13.341-0.957,26.285-4.027,39.165c-1.365,5.725-2.232,11.472-0.521,17.328c0.947,3.237,2.187,6.322,4.001,9.147
	c2.33,3.63,4.367,7.356,4.781,11.761c0,1.169,0,2.34,0,3.51c-0.646,3.38-3.012,4.347-6.101,4.764
	c-11.607,1.573-18.074-4.979-21.477-13.922c-2.867-7.536-3.633-15.35-2.858-23.4c0.832-8.655,2.646-17.165,3.5-25.809
	c1.122-11.34-1.35-21.924-6.789-31.847c-2.128-3.882-4.521-7.6-7.405-10.988c-1.706-2.004-3.731-3.587-5.978-4.876
	c-2.379-1.365-3.559-0.648-3.635,2.163c-0.124,4.501,0.177,9.007-0.761,13.48c-2.428,11.589-6.673,22.49-13.39,32.177
	c-6.626,9.556-10.155,19.998-11.35,31.429c-0.93,8.883-1.987,17.758-2.017,26.699c-0.034,10.163-5.366,17.467-12.506,23.814
	c-5.794,5.151-11.729,10.158-17.076,15.782c-5.265,5.538-11.55,8.24-19.204,7.957c-3.675-0.136-7.372,0.036-11.008-0.581
	c-3.622-0.614-6.452-4.782-6.087-8.686c0.349-3.735,3.22-6.532,7.14-6.181c6.692,0.598,11.266-2.845,15.332-7.394
	c3.177-3.553,5.808-7.536,8.295-11.596c2.953-4.822,3.618-9.945,1.825-15.388c-1.268-3.852-3.162-7.364-5.395-10.702
	c-1.668-2.495-3.098-2.405-4.656,0.201c-1.161,1.94-2.067,4.014-2.828,6.136c-4.225,11.807-12.258,20.582-22.286,27.588
	c-16.179,11.304-33.987,18.766-53.626,21.25c-9.734,1.231-19.53,1.577-29.391,0.97c-7.874-0.483-15.798-0.375-23.713,0.193
	c-10.123,0.726-20.217,1.762-30.365,2.253c-17.014,0.823-34.021,1.873-51.055,1.588c-10.383-0.173-20.77-0.642-31.149-0.44
	c-6.917,0.134-13.825,0.356-20.738,0.021c-2.188-0.106-4.317-0.567-6.424-1.187c-3.751-1.103-6.419-3.162-6.825-7.36
	c0-1.504,0-3.008,0-4.513c0.248-0.258,0.26-0.604,0.325-0.924c1.096-5.364,3.96-7.372,9.431-6.584
	c0.909,0.13,1.813,0.276,2.734,0.237c0.417-0.018,0.833-0.067,1.161-0.374c0.326-0.324,0.42-0.747,0.32-1.156
	c-1.018-4.157,1.215-6.834,4.133-9.21c2.026-1.65,4.457-1.615,6.69-1.06c16.219,4.042,31.917,0.826,47.571-3.215
	c2.825-0.729,8.81-2.877,11.931-3.987c-0.688-1.036-1.323-2.127-1.537-2.76c-0.187-0.554-0.33-1.121-0.468-1.69
	c-1.099-4.547-0.453-6.687,3.487-9.182c4.978-3.151,8.902-7.219,11.928-12.246c3.385-5.623,8.34-9.163,14.583-11.084
	c5.652-1.741,11.311-3.491,15.971-7.461c2.685-2.288,4.678-5.207,7.273-7.57c2.027-1.845,4.137-3.951,6.99-2.788
	c2.94,1.198,3.175,4.245,3.192,7.074c0.016,2.586-0.21,9.406-0.68,12.064c0.805,0.337,1.041,0.304,3.805,1.021
	c2.301,0.799,4.725,1.167,7.116,1.29c11.857,0.613,23.671,0.084,35.23-2.792c10.732-2.67,17.959-9.771,22.947-19.416
	c4.136-7.994,6.489-16.633,9.089-25.181c3.334-10.97,6.947-21.788,13.366-31.466c10.786-16.258,24.708-28.559,43.226-35.247
	c4.376-1.581,8.958-1.685,13.508-2.062C294.048,5.255,294.819,5.552,295.5,5.07z"/>

</svg>