body {
	background-color: #1A1A1D;
	font-family: Arial;
}

h1 {
	text-align: center;
	color: #e9084b;
	font-size: 50px;
	font-family: Arial Black;
	
}


textarea {
	border-color: #23272A;
	border-width: 3px;
	outline: none;
	width: 100%;
	height: 35vh;
	resize: none;
	background-color: #2C2F33;
	color: #aaaaaa;
	padding: 10px;
}

textarea:focus {
	border-width: 8px;
	transition-timing-function: linear;
	transition: 0.3s;
	
}


button {
	width: 160px;
	height: 60px;
	background-color: #1A1A1D;
	color: #aaaaaa;
	border-style: solid;
	margin: 5px;
	border-radius: 12px;
	border-color: #6F2232;
	outline: 0;
	
	
}


button:hover{
	color: #aaaaaa;
	background: #2C2F33;
	border-color: #6F2232;
	transition: all 0.4s ease 0s;
	
}

button:focus {
	outline: none;
}

#buttons {
	text-align: center;
	
}


#info {
	text-align: center;
	color: #aaaaaa;

}


.col {
	text-align: left;
}

.container {
	text-align: center;
}

::placeholder {
	color: #aaaaaa;
}