<html>
	<head>
		<meta charset="utf-8">		
		<title>▲●▲ Bernd Plontsch</title>
		<meta name="description" CONTENT="Bernd Plontsch, Engineer and Designer">
		<a rel="me" href="https://home.social/@berndplontsch"></a>
		<link rel="apple-touch-icon" href="/apple-touch-icon.png">		
		<style>
		:root {
			--main-font-size: 1.0em;
		}
		
		body {
		     display: grid;
		     grid-template-columns: 1fr 4fr 1fr;
			 max-width: 800px;
			 margin: auto;
			 font-family: 'Avenir', Helvetica, Arial, 'Lucida Grande', sans-serif;
			 font-size: 1.7em;
			 line-height: 1.6em;
			 color: rgba(38, 37, 37, 1);
			 background-color: #F5F5F5;
		 }
		 
		 a {
			 color: #0A138C;
			 text-decoration: none;
			 font-weight: 600;
		 }
		 
		 a:hover {
			 text-decoration: underline;
		 }
		 
		 ::selection {
		 	background: #ffffba;
		}
		 
		 .navigation {
			 grid-column-start: 2; 
			 grid-column-end: 3; 	
			 font-size: 0.8em;		 			 
			 text-align: right;
		 }
		 
		 .main {
			 padding-top: 5em;
			 grid-column-start: 2; 
			 grid-column-end: 3; 
		 }
		 		 
		 h1 {
		 	color: rgba(38, 37, 37, 1);	
		 	font-size: var(--main-font-size);
			line-height: var(--main-line-height);
		 }
		 
		 .footer {
			 margin-top: 3.5em;
		 	text-align: center;
		 }	
		 
		 ul li {
			 display: inline;
			 margin: 0.25em;
		 }

		 a img {
			 width: 1.0em;
		 }

		 a img:hover {
			 opacity: 0.6;
			 fill: blue;
		 }
		 
		 .hero {
			 text-align: center;
			 margin-bottom: 3.5em;
		 }
		 
		 .navigation {
			 text-align: right;
			 margin-top: 0;
			 padding-top: 0;
		 }

		 .navigation .selected {
		 	background-color: #E7E7E7;
		 }
		 
		 .navigation li {
			 border-radius: 6px; 
			 padding: 0.2em 0.4em 0.2em 0.4em;
			 margin: 0.01em;
		 }
		 
		</style>
	</head>
	<body>
<!--
			<div class="navigation">
				<ul>
				<li class="selected">Home</li>
				<li>Work</li>
				<li>Mail</li>
				</ul>
			</div>
-->

		<div class="main">
<!--
			<div class="hero">
			<img src="header.svg" />
			</div>
-->
			<h1>•Hi. I’m Bernd | ˈbænd |</h1>
			<p>I am a product designer with engineering background. I create helpful and friendly experiences with the individual in mind, sometimes millions of them.</p>
			<p>Currently I work for Microsoft at the <a href="https://twitter.com/surface">Surface</a> team, designing device experiences.</p>
			<p>I also roast coffee using a popcorn popper and make an app called <a href="https://itunes.apple.com/us/app/drip-the-coffee-calculator/id1071050199?ls=1&mt=8">Drip</a>.</p>
			<p>If you are around, let's meet for a coffee.</p>
				
			<div class="footer">
			<ul>
				<li><a href="https://twitter.com/berndplontsch"><img src="img/twitter.svg" /></a></li>
				<li><a href="https://medium.com/@berndplontsch"><img src="img/medium-dark.svg" /></a>
				<li><a href="https://dribbble.com/berndplontsch"><img src="img/dribbble.svg" /></a></li>
				<li><a href="https://github.com/berndpl"><img src="img/github.svg" /></a></li>
			</ul>
			</div>
		 </div>		 	 	 
			
		</div>

		<script>
		  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		
		  ga('create', 'UA-333207-7', 'auto');
		  ga('send', 'pageview');
		</script>
		
	</body>
</html>