html
{
	
}

body
{
	background-color:#ffffff;
	text-align: center;
	font-family: "Questrial";
}

div 
{
	box-sizing: border-box;
}

input:focus, textarea {
    outline: none !important;
}

.framework
{
	display: block;
	position: absolute;
	top:50%;
	margin-top:-250px;
	left:50%;
	margin-left:-350px;
	width:700px;
	height:500px;
}

.logo
{
	width:300px;
	margin-bottom:70px;
}

.subdomain
{
	display: inline-block;
	border-radius: 100px 0px 0px 100px;
	width:170px;
	padding:18px 30px;
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
	border:0px;
	font-size:19px;
	box-sizing: border-box;
	font-family: "Questrial";
}

.destination_url
{
	display: inline-block;
	border-radius: 0px 100px 100px 0px;
	width:470px;
	padding:18px 20px;
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
	border:0px;
	font-size:19px;
	box-sizing: border-box;
	font-family: "Questrial";
}

.submit_button
{
	display: block;
	border-radius: 100px;
	width:120px;
	padding:20px;
	box-shadow: inset 0px -3px 3px 0px rgba(0,0,0,0.1), inset 0px 3px 3px 0px rgba(255,255,255,0.3);
	border:0px;
	font-size:14px;
	background-color:#18c7b4;
	color:#ffffff;
	font-weight:600;
	margin-left:0px;
	cursor:pointer;
	
	position:absolute;
	right:0px;
	top:175px;
	
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-kthtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.submit_button:hover
{
	box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1), inset 0px -3px 3px 0px rgba(255,255,255,0.3);
}

#response_message
{
	margin-top:100px;
	font-size:30px;
	font-weight:bold;
	color:#000000;
}

#micro_response
{
	margin-top:30px;
	color:#888888;
	font-size:14px;
}

.footer
{
	margin-top:130px;
	color:#18c7b4;
	font-size:12px;
}

::placeholder {
  color: #aaaaaa;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #aaaaaa;
}

input:focus::placeholder {
  color: transparent;
}