#text {
  display: block;
	width: 100%;
  resize: none;
	box-sizing: border-box;
}

#create {
  width: 100%;
}

body {
  font-family: 'Roboto', sans-serif;
  max-width: 360px;
  margin: auto;
  background-color: rgb(230, 182, 163);
	font-size:16px;
	font-weight:normal;
	line-height:1.6em;
}

ul {
  list-style-type: none;
  padding: 0;
}

a {
  text-decoration: none;
}

.button {
  background-color:#333;
	color:#fff;
	padding:10px 15px;
  border:none; 
  margin-top: 15px; 
}

.button:hover{
	background:black;
	color:#fff;
}

.button {
	background-color: rgb(223, 124, 91);
	border: 0;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	padding: 10px;
	margin: 10px 0;
}

.button:active {
	transform: scale(0.98);
}

.button:focus {
	outline: none
}