#itdct{
	width: 60%;
	margin: 0 auto;
}

#itdct h1{
	color: #333333;
	transition: 0.6s;
	text-align: center;
	size: 300% !important;
}

#itdct h1:hover{
	color: #F58B54;
}

#itdct p{
	color:#555555;
	text-indent: 0.3cm;
	size: 100% !important;
} 

#generator {
	width: 70%;
	margin: 0 auto;
}

#generator .left{
	float: left;
	position: relative;
	text-align: left;
}

#generator .avatar{
	border-radius: 100%;
	display: inline-block;
	width: 50px;
	height: 50px;
}

#generator .name{
	color: rgba(127,127,127,1);
}

#generator .strange_thing{
	height: 49px;
	width: auto;
	display: inline-block;
	position: relative;
	top:11px;
}

#generator .border{
	border-radius: 5px;
	position: relative;
	background-color: rgba(229,229,229,1);
	padding: 12px;
	left:-10px;
	top:-7px;
	display: inline;
}

#generator .text{
	position: relative;
	font-size: 120%;
	line-height: 1.3;
	left:-4px;
}

#input {
	position: relative;
	margin-top: 50px;
	transform: scale(1.4);
	left: 300px;
}

#input .input-form {
	display: inline-block;
}

#input input {
	margin-right: 10px;
	margin-bottom: 10px;
	outline: none;
	border: none;
	border-bottom: #aaa 2px solid;
	transition: 0.3s;
	color: #444444;
	padding: 3px;
	display: block;
}

#input input:focus {
	border-bottom: #F58B54 2px solid;
}

#input label {
	display: block;
}

button {
	position: relative;
	border: #F58B54 1px solid;
	background-color: transparent;
	color: #F58B54;
	outline: none;
	transition: 0.3s;
	padding: 3px 5px;
	transform: scale(1.4);
	top:-5px;
	left: 10px;
	border-radius: 5px;
	box-shadow: 5px 0px 0px 0px 0px #444444;
}

button:hover {
	background-color: #F58B54;
	color: white;
}

button:hover:active {
	background-color: #F58B54;
	border: #F58B54 1px solid;
}