* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  width: 100%;
}
body {
  background: rgb(55,53,102);
  background: linear-gradient(139deg, #8f429b 0%, #453682 50%, #321e7f 100%);
  background-attachment: fixed;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ffffff;
}
#wrapper {
  margin: 0 auto;
  max-width: 460px;
  padding: 10px 5px;
}
fieldset {
  width: 100%;
  border: none;
  margin: 10px 0;
}
legend {
  margin: 10px 0;
}
textarea {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 7px;
  max-width: 460;
  min-width: 460;
  border-color: #fff;
}
textarea.small {
  height: 100px;
}
textarea.large {
  height: 200px;
}
input {
  width: 100%;
  font-size: 16px;
  padding: 7px;
}
output {
  display: inline-block;
  width: 100%;
  height: auto;
  font-size: 14px;
  line-height: 19px;
  color: #EEE;
  white-space: pre-line;
  padding: 7px;
}
#output-list {
  display: none;
}
section button {
  width: 230px;
  height: 30px;
	box-shadow:inset 0px 1px 0px 0px #dd6cd0;
	background:linear-gradient(to bottom, #c059b4 5%, #9c59c0 100%);
	background-color:#8d4484;
	border-radius:3px;
	border:1px solid #8d4484;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow: 0px 1px 0px #8d4484;
  float: right;
  vertical-align:middle;
}
section button img {
  height: 16px;
  height: 16px;
  margin-left: 10px;
  margin-top: -3px;
  vertical-align:middle;
  display: none;
}
section button .loading-text {
  display: none;
}
section button.loading img {
  display: inline;
}
section button.loading .text {
  display: none;
}
section button.loading .loading-text {
  display: inline;
}
section button.loading {
	background:linear-gradient(to bottom, #4d2d49 5%, rgb(61, 29, 57) 100%);
  background-color:#4d2d49;
  box-shadow:inset 0px 1px 0px 0px #4d2d49;
} 
output {
  font-size: 21px;
  color: #ffffff;
}
output a {
  color: #FFF;
}
output .text-content {
  font-size: 16px;
  padding: 20px 0;
  margin: 20px 0;
  border: 1px solid #fff;
  border-width: 1px 0;
}
#navigation {
  width: 460px;
  margin: 20px 0;
}
#navigation .menu-button {
  background: none;
  height: 30px;
  width: 100px;
  border: none;
  color: #b9b9b9;
  border-radius: 1px;
}
#navigation .menu-button.active {
  color: #eee;
  border: 1px solid #eee;
}
.tab {
  width: 100%;
}
.hidden {
  display: none;
}