@charset "utf-8";
/* CSS Document */

button	{
	width: 130px;
	padding: 8px;
	font-size: 20px; /*Affects size of text*/
	background: #67CAE8;
	border-width: 4px;
	border-radius: 9px;
	border-color: whitesmoke;
	margin-left: 3vw;
	
}

button:hover {
	background: #AAD3F1
}


::placeholder 
	
	
/*.contact-form-container {
	display: block;
	padding-left: 3vw;
	font-size: 22px;
}*/

form {
	width: 100%;
	/*color: black;*/
	padding-left: 10%;
}

form li + li {
	margin-top: 1.5em;
}

/*Affects Full Name, Email and Optional image*/

input {
	width: 75%;
	min-height: 40px;
	margin-right: 5px;
	max-height: 150px;
	padding: 0px 0px 0px 10px;
}

input, textarea { /*Affects borders prior to writing*/
	outline: none;
	font-size: 20px;
	border: 4px solid rgba(191,191,191,1.00); /*Turns boxes with grey fill when typing upon*/
	
}

input:focus, textarea:focus {
	/*color: black;*/  /*Turns text to black when typing upon*/
	opacity: 50%;
	font-size: 16px;
	background-color: rgba(89,115,236,1);
}

textarea {
	resize: both; 
	max-height: 250px;
	min-width: 500px;
	font-size: 24px; /*Affects font size*/
	padding: 0px 0px 2em 10px; /*Affects text movement*/
	
}

ul {
	list-style: none;
}