body { background-color:#BFF0B4; }
	h1 {font-family: 'Sofia', sans-serif;
text-align:center;background-color:#86C278;border-radius:10px;color:#466E3D;}
	.userInputs {background-color:#8BE378;font-family: "Georgia", serif;text-align:center;border-radius:25px;width:250px;height:250px;padding:30px;margin:5px}
	.userInputs2 {background-color:#8BE378;font-family: "Georgia", serif;text-align:center;border-radius:25px;width:250px;height:100px;padding:30px;margin:5px}
	.doneBtn {margin:auto;}
	.items{justify-content:center;display: flex;}
	.items2{justify-content:center;display: flex;}
	label {color:#302218;}
	.formOutput {background-color:#8BE378;font-family: "Georgia", serif;border-radius:25px; width:250px;height:250px;padding:30px;margin:5px;}
	.formOutput2 {background-color:#8BE378;font-family: "Georgia", serif;border-radius:25px; width:250px;height:100px;padding:30px;margin:5px;}
	p {text-align:center;padding-bottom:10px;color:#302218;}
	.userInAndOut{justify-content:center;display:flex;gap:10px;font-family: "Georgia", serif;}
	.submit {border-radius: 20px; border: 0px; background-color:#86C278; color: black;padding:15px;font-size:15px;font-family: "Georgia", serif;  transition-duration: 0.2s; margin:20px;}
	.submit:hover {background-color:#466E3D; color:#BFF0B4;}