<!doctype html>
<html lang="pl">
	<head>
		<meta charset="UTF-8">
		<meta id="viewport" name="viewport" content="width=device-width,user-scalable=no">
		<meta name="description" content="Full-stack ass kicking">
		<title>BQ STUDIO Bartłomiej Kucharczyk</title>
		<link rel="shortcut icon" href="./res/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Anton&subset=latin,latin-ext">
		<style type="text/css">
            :root {
				--background-color: #fafafa;
				--text-color: #333;
				--text-color-muted: #ccc;
				--accent-color: #EA1C2D;
                --cursor-color: #111;
            }
			@media (prefers-color-scheme: dark) {
				:root {
					--background-color: #272c35;
					--text-color: #bbb;
					--text-color-muted: #676c75;
					--cursor-color: #fff;
				}
			}
			* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: default; }
			html { height: 100%; }
			body { font: 13px 'Anton', sans-serif; color: var(--text-color); background-color: var(--background-color); padding: 0; margin: 0; }
			header { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 5% 35% 5%; }
			header svg { max-width: 320px; }
			header svg #bq-studio { fill: var(--text-color); }
			header svg #bq-cursor { -webkit-animation-name: blink; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-name: blink; animation-duration: 1s; animation-iteration-count: infinite; }
			section { position: absolute; bottom: 0; left: 0; right: 0; font-size: 16px; margin: 0 5% 5% 5%; }
			section p { font-size: 22px; }
			section b { color: var(--accent-color); font-weight: normal; }
			section i { color: var(--text-color-muted); font-style: normal; }
			::selection {
				color: #FFF;
				background-color: var(--accent-color);
				text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
			}
			::-moz-selection {
				color: #FFF;
				background-color: var(--accent-color);
				text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
			}
			@-webkit-keyframes blink {
				0%, 100% { fill: var(--cursor-color); }
				50% { fill: transparent; }
			}
			@keyframes blink {
				0%, 100% { fill: var(--cursor-color); }
				50% { fill: transparent; }
			}
			@media (max-width: 767px) {
				header { margin-bottom: 70%; }
			}
			@media (max-width: 767px) and (orientation: landscape) {
				header { margin-bottom: 35%; }
			}
			@media (min-width: 768px) {
				header svg { max-width: 400px; }
			}
			@media (min-width: 992px) {
				header svg { max-width: 500px; }
			}
			@media (min-width: 1200px) {
				header { margin-bottom: 30%; }
				header svg { max-width: 600px; }
			}
		</style>
        <!-- Google tag (gtag.js) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-E2VP73KSHT"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'G-E2VP73KSHT');
        </script>
    </head>
	<body>
		<main>
			<header><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 599 123"><path id="bq-bq" fill="#e91b2d" d="M129 91c0 4.986-1.538 9.753-4 14 1.539 1.785 4.107 2 7 2v16c-8.74 0-14.8-2.522-18-8-3.878 2.093-8.445 3-13 3-7.694 0-13.614-2.583-19-8-5.386-5.417-8-11.367-8-19V28c0-7.694 2.583-14.614 8-20 5.417-5.386 11.367-8 19-8 7.694 0 14.645 2.553 20 8s8 12.429 8 20Zm-18-64c0-2.77-1.03-5.061-3-7s-4.23-3-7-3c-2.77 0-5.061 1.061-7 3s-3 4.23-3 7v64c0 2.77 1.061 5.061 3 7s4.23 2 7 2c2.77 0 5.03-.061 7-2 1.97-1.939 3-4.23 3-7ZM0 117V1h26c6.894 0 13.46 2.368 19 6 4.74 3.078 7.969 7.537 10 14 1.108 3.447 2 7.26 2 12 0 7.756-2.876 14.322-7 19-1.723 1.97-3.661 2.954-6 4 3.878 1.477 7.292 4.63 10 9 1.785 2.955 3.138 7.322 4 12 .43 2.4 1 5.045 1 8 0 7.325-1.23 12.891-4 18-2.154 4.001-5.06 7.6-9 10-4.432 2.708-9.63 4-14 4Zm19-17h7c5.91 0 9.723-2.906 12-9 .8-2.093 2-5.292 2-8 0-6.463-1.538-11.045-4-14-2.216-2.708-5.691-4-10-4h-7Zm0-52h7c5.417 0 9.153-1.706 11-7 .677-1.97 1-5.107 1-8 0-4.801-.661-8.538-3-11-2.154-2.277-5.553-3-9-3h-7Z"/><path id="bq-dot" fill="#999" d="M143 100h18v17h-18Z"/><path id="bq-studio" fill="#333" d="M510 0c7.75.166 14.614 2.583 20 8 5.386 5.417 8 12.367 8 20v63c0 7.694-2.583 13.614-8 19-5.417 5.386-12.367 8-20 8-7.694 0-14.645-2.583-20-8s-8-11.367-8-19V28c0-7.694 2.583-14.614 8-20 5.417-5.386 12.429-8 20-8Zm9 27c0-2.77-.061-5.061-2-7s-5.23-3-8-3c-2.77 0-5.03 1.061-7 3-1.97 1.939-3 4.23-3 7v64c0 2.77 1.03 5.061 3 7s4.23 2 7 2c2.77 0 6.061-.061 8-2s2-4.23 2-7Zm-52 90h-18V1h18Zm-33-28c0 7.633-2.645 14.583-8 20s-11.429 8-19 8h-28V1h28c7.633 0 13.676 2.583 19 8s8 12.429 8 20Zm-37 11h10c2.77 0 5.092-1 7-3 1.908-2 3-4.292 3-7V29c0-2.77-1.061-5.03-3-7-1.939-1.97-4.292-3-7-3h-10Zm-61 18c-7.782-.293-13.645-2.645-19-8s-9-11.367-9-19V1h18v90c0 2.77 1.03 5.061 3 7s4.23 3 7 3c2.77 0 5.061-1.061 7-3s3-4.23 3-7V1h18v90c0 7.756-2.583 13.706-8 19-5.417 5.294-12.367 8-20 8Zm-77-99h-19V1h55v18h-19v98h-17Zm-31 69c.06 7.87-1.691 15.276-6 21-2.831 3.878-6.83 6.4-12 8-2.77.862-6.307 1-10 1-6.832 0-12.507-1.615-17-5-3.755-2.77-6.815-6.23-9-11-2.185-4.77-3.63-9.845-4-16l17-2c.739 6.71 2.169 11.984 5 15 2.093 2.277 5.292 3.123 8 3 3.816-.123 6.723-1.368 9-5 1.17-1.785 1-4.676 1-8 0-4.801-1.63-9.26-6-14-3.447-3.262-9.106-8.475-16-15-5.786-5.601-9.6-10.568-12-15-2.585-4.986-4-10.152-4-16 0-10.526 3.921-18.583 11-24 4.37-3.262 9.537-5 16-5 6.217 0 11.568 1.23 16 4 3.447 2.154 5.876 5.122 8 9 2.124 3.878 3.57 7.953 4 13l-16 3c-.492-4.74-2.784-8.353-5-11-1.6-1.908-2.984-2-6-2-3.2 0-6.338 1.169-8 4-1.354 2.277-2 4.615-2 8 0 5.294 2.445 10.522 7 16 1.723 2.093 4.553 5.169 8 8 4.063 3.385 6.707 5.646 8 7 4.309 4.309 7.661 8.814 10 13 1.108 1.97 1.323 3.338 2 5 1.662 4.124 2.938 7.738 3 11Z"/><path id="bq-cursor" fill="#111" d="M547 101h52v18h-52Z"/></svg></header>
			<section>
				<p>Robię internety od 1997 🧐</p>
				<b>bartek</b><i>@</i>kucharczyk.studio<br>
				<i>NIP:</i> 6262629481 &nbsp; <i>REGON:</i> 380059125
			</section>
		</main>
	</body>
</html>