body
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0;
	background: #9768e9;
	color: black;
}

h1
{
	color: #0040ff;
	font-family:  Georgia, serif;
	font-size: 40px;
}

h2
{
	font-size: 56px;
	text-align: center;
}

p
{
	font-size: 18px;
	text-align: center;
}

header
{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	background: black;
	border: 2px solid navy;
}

nav
{
	font-size: 18px;
}

table
{
	margin: 0 auto;
	font-size: 250%;
}

section
{
	width: 50%;
	margin: 0 auto;

}

#add_product_form
{
	text-align: center;
	font-size: 175%;
}

#countdown
{
	font-size: 56px;
	font-weight: bold;
}

/* Auth forms styling */
.auth-form
{
	width: 300px;
	margin: 50px auto;
	padding: 30px;
	background: white;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.auth-form h2
{
	font-size: 24px;
	margin-bottom: 20px;
}

.auth-form label
{
	display: block;
	text-align: left;
	margin-bottom: 5px;
	font-weight: bold;
}

.auth-form input[type="text"],
.auth-form input[type="password"]
{
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

.auth-form input[type="submit"]
{
	width: 100%;
	padding: 12px;
	background: #0040ff;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
}

.auth-form input[type="submit"]:hover
{
	background: #0030cc;
}

.auth-form .link
{
	margin-top: 15px;
	font-size: 14px;
}

/* Admin panel styling */
.admin-panel
{
	width: 60%;
	margin: 30px auto;
	padding: 30px;
	background: white;
	border-radius: 8px;
}

.admin-panel h2
{
	font-size: 28px;
	text-align: left;
	margin-bottom: 20px;
}

.admin-panel label
{
	display: block;
	text-align: left;
	margin-bottom: 5px;
	font-weight: bold;
}

.admin-panel input[type="text"],
.admin-panel input[type="datetime-local"]
{
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

.admin-panel input[type="submit"]
{
	padding: 12px 30px;
	background: #0040ff;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
}

/* Message styling */
.error-message
{
	color: red;
	text-align: center;
	padding: 10px;
	margin-bottom: 15px;
	background: #ffe0e0;
	border-radius: 4px;
}

.success-message
{
	color: green;
	text-align: center;
	padding: 10px;
	margin-bottom: 15px;
	background: #e0ffe0;
	border-radius: 4px;
}

/* Nav links styling */
nav ul
{
	list-style: none;
	padding: 20px;
}

nav li
{
	margin: 10px 0;
}

nav a
{
	color: #0040ff;
	text-decoration: none;
}

nav a:hover
{
	text-decoration: underline;
}