html, body {
  margin: 0;
  padding: 0;
}

body {
  font: 1.5em sans-serif;
}

#flex-container {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#flex-item {
  margin: auto;
}

#file-drag {
	font-weight: bold;
	text-align: center;
	padding: 4em 1em;
	margin: 1em 0;
	color: #555;
	border: 2px dashed #555;
	border-radius: 7px;
	cursor: default;
}

input[type=text] {
  width: 100%;
}

form, button {
  margin: 10px 0;
}

a {
  text-decoration: none;
}

#top-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f4b626;
  color: #fff;
  font-size: 14px;
  padding: 3px 10px;
}

#options {
  font-size: 0.8em;
  font-weight: normal;
  margin-top: 20px;
}

#options input {
  margin-right: 10px;
}