/**
 * CSS reset
 *
 * @author Eric Meyer
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* End CSS reset */

body
{
	background: #fff;
	color: #699;
	font: 24px/1.5 Orbitron, 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

.wrapper
{
	box-sizing: border-box;
	margin: 0 auto;
	padding: .75em;
	width: 50%;
}

.terminal
{
	background: linear-gradient(to bottom, #6c6c6c, #090909);
	border-radius: .75em;
	color: #0f0;
	font-family: vt323, 'Lucida Console', Monaco, monospace;
	margin-bottom: .75em; 
	overflow-x: auto;
	padding: .75em;
}

.terminal-blink
{
	-webkit-animation: blink 1s step-end infinite;
	animation: blink 1s step-end infinite;
}

@-webkit-keyframes blink {
	0%
	{
		opacity: 0;
	}

	50%
	{
		opacity: 1;
	}
}

@keyframes blink {
	0%
	{
		opacity: 0;
	}

	50%
	{
		opacity: 1;
	}
}

.restaurants li
{
	margin-bottom: .75em;
}

	.restaurants li:after
	{
		clear: both;
		content: '';
		display: table;
	}

	.restaurants li > div
	{
		float: left;
	}

.restaurant-name
{
	float: left;
	text-align: right;
	width: 32.667%;
}

.restaurant-rating
{
	float: right;
	text-align: center;
	width: 65.333%;
}

.choose
{
	text-align: center;
}

#submit
{
	background: linear-gradient(to bottom, #699, #89cccc);
	border: 0;
	border-radius: .25em;
	color: #fff;
	font: 18px/2 Orbitron, 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

	#submit:hover
	{
		background: linear-gradient(to bottom, #699, #466);
	}

	#submit:active
	{
		position: relative;
		top: 1px;
	}