body {
	font-family: Arial, sans-serif;
}
.container {
	max-width: 100%;
	margin: 20px auto;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #ffffff;
}

label {
	font-weight: bold;

}
input[type="text"] {
	width: 100%;
	padding: 5px;
	margin-bottom: 10px;
}
button {
	background-color: #393d49;
	color: white;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
}
button:hover {
	background-color: #009688;
}
table {
	display: none;
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	border-radius: 5px;
	border-collapse: collapse;
}
@media screen and (max-width: 768px) {
table {
	display: none;
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	border-radius: 5px;
	border-collapse: collapse;
}
}

table, th, td {
	border: 1px solid #ccc;
}
th, td {
	padding: 8px;
	text-align: left;
}