body {
			font-family: 'Alice', serif;
			font-size: 48px;
			background-color: #f4e9db;
			color: #2E282C;
		}

		::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
			color: darkred;
			opacity: 1; /* Firefox */
		}

		:-ms-input-placeholder { /* Internet Explorer 10-11 */
			color: darkred;
		}

		::-ms-input-placeholder { /* Microsoft Edge */
			color: darkred;
		}
		h1 {
			font-size: larger;
			font-family: 'Sacramento', cursive;
			color: #2E282C;
		}
		h2 {
			font-size: smaller;
			font-family: 'Sacramento', cursive;
			color: #2E282C;
		}
		h3, h4, h5{
			font-family: 'Sacramento', cursive;
			color: #2E282C;
		}
		p{
			font-family: 'Alice', serif;
			color: #2E282C;
		}
		.signup-container, .login-container {
			max-width: 500px;
			margin: 0 auto;
			border-radius: 5px;
			padding: 40px;
			
		}

		.signup-container{
			display: none;
		}
		.signup-form label {
			display: block;
			
			font-weight: bold;
			margin-bottom: 10px;
			font-family: sans-serif;

		}

		.signup-form input[type="text"],
		.signup-form input[type="email"],
		.signup-form input[type="password"] {
			
			width: 100%;
			padding: 12px;
			border: none;
			margin-bottom: 10px;
			box-sizing: border-box;
			background: none;
			color: #733333;
			border-bottom: 1px solid #733333;
		}

		button {
			background-color: #4CAF50;
			color: #fff;
			font-size: 16px;
			font-weight: bold;
			padding: 10px 20px;
			border: none;
			border-radius: 5px;
			cursor: pointer;
		}

		button:hover {
			background-color: #3e8e41;
		}

		.signup-form .error-message {
			color: red;
			font-size: 14px;
			margin-top: 5px;
		}

		.signup-form .success-message {
			color: green;
			font-size: 14px;
			margin-top: 5px;
		}

		form {
			max-width: 500px;
			margin: 0 auto;
			padding: 20px;
			
			border-radius: 5px;
			box-sizing: border-box;
		}

		label {
			display: block;
			margin-bottom: 5px;
			font-family: sans-serif;
			font-size: 16px;
		}

		input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="login_email"], input[type="login_password"], select {
			width: 100%;
			padding: 12px;
			border: none;
			margin-bottom: 10px;
			box-sizing: border-box;
			background: none;
			border-bottom: 2px solid darkred;
			outline: none;
		}

		input[type="submit"] {
			background-color: #4CAF50;
			color: #fff;
			padding: 12px 20px;
			border: none;
			border-radius: 4px;
			cursor: pointer;
			font-size: 16px;
			box-sizing: border-box;
		}

		input[type="submit"]:hover {
			background-color: #45a049;
		}

		.error {
			color: red;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.signup-header{
			text-align: center;
			width: 100%;
			border-radius: 4px;
			color: #733333;
			
		}
		.button_style{
			text-align: center;
			box-sizing: border-box;
			cursor: pointer;
			color: #733333;
			padding: 10px;
			text-decoration: underline;
		}
		.button_style:hover{
			color: #733333;
		}
		#verified{
			text-align: center;
			color: #733333;
			padding: 20px;
			font-size: smaller;
		}