<svelte:head>
	<title>About</title>
</svelte:head>

<img class="shadow rounded" src="./img/old_photos/desk_colored.jpg" alt="desk and assorted things">

<h1>(•_•)</h1>

<hr>

<div class="spacer"></div>

<div class="container shadow rounded">
	<h2>sup</h2>
	<p>
		I am just some guy with a voice. I have traveled up and down many slopes in life and lived in many places… Found myself in unique situations, surrounded by vastly diverse people…
		I like tech. I like playing with new things, projects, ideas… 
		<br><br>
		Space related things get me randy.
	</p>
</div>

<div class="spacer"></div>

<div class="container shadow rounded">
	<h2>Q&A</h2>
	<p>
		<question>You should be/are you a voice Actor?!</question>
		<answer>I am not, but am interested. business inquiries at wompmacho@gmail.com</answer>
		<question>Why are you wearing glasses?</question>
		<answer>Cause I’m pretty… also cause when i started streaming i had very bad lights and they were blinding and idk… it became a thing.</answer>
		<question>Where are you from?</question>
		<answer>All over. Alabama, Georgia, Pennsylvania, New York, North Carolina, United Kingdom. I grew up in many places. </answer>
		<question>How old are you?</question>
		<answer>no u</answer>
		<question>Why WompMacho?</question>
		<answer>cuz waz drunk and game we were playing cut my dumb name choice to this and for whatever reason it was hilarious at the time</answer>
		<question>How Long Have You Been Streaming?</question>
		<answer>I dabbeled on and off on another channel... but I truely started in Sep 2016</answer>
	</p>
</div>

<div class="spacer"></div>

<hr>

<style>
	.spacer{
		margin: 2em;
	}

	question{
		display: block;
		width: 100%;
		font-weight: 700;
	}

	answer{
		display: block;
		width: 100%;
		padding-bottom: 1em;
	}

	img{
        width: 100%;
    }

	.container{
		padding: 1em;
		display: inline-flexbox;
		background-color: #333333;
	}

	p{
		margin: auto;
		padding: 2em;
		min-width: 40vw;
	}

	h1{
		font-size: xx-large;
		text-align: center;
		display: block;
		padding: 1em;
		font-weight: 900;
	}

	h2{
		font-size: x-large;
		text-align: center;
		display: block;
		font-weight: 600;
	}

	hr{
		background-color: red;
		max-width: 20vw;
	}
</style>