input:focus, textarea:focus{
	outline-color: #009E60;
}

.SignInTextInput, .ContactTextInput, .WriteBlogTextInput {
	width: 100%;
    padding: 10px 10px;
    margin: 0px 0px;
    display: inline-block;
    border: 1px solid #009E60;
	background: white;
	box-sizing: border-box;
	color: black;
	font-size: 16px;
	border-radius: 25px;
	text-align: center;
}

.WriteBlogTimeTextInput {
	width: 33%;
    padding: 10px 10px;
    margin: 0px 0px;
    display: inline-block;
    border: 1px solid #009E60;
	background: white;
	box-sizing: border-box;
	color: black;
	font-size: 16px;
	border-radius: 25px;
	text-align: center;
}

.SignInTextInput:focus, .ContactTextInput:focus {
	border: 1px solid #009E60;
}

.ContactTextArea, .WriteBlogTextArea {
	width: 100%;
	height: 6em;
    padding: 10px 10px;
    margin: 0px 0px;
    border: 1px solid #009E60;
	background: white;
	box-sizing: border-box;
	border-radius: 25px;
	font-size: 16px;
	color: black;
	text-align: center;
	scrollbar-color: #009E60;
	resize: none;
}

.SignInButton, .SignOutButton, .ContactButton, .WriteBlogButton  {
	position: relative;
	padding: 10px 10px;
	width: 100%;
	
	text-align: center;
	border-radius: 25px;	
	background: #009E60;
	color: white;
	
	border: 1px solid white;
	border-radius: 25px;
	
	cursor: pointer;
}

#signInBoxWrong {
	padding-bottom: 20px;
	text-align: center;
	color: red;
	display: block;
}