body {
	background: #ECEFE6 url(background.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;

}

#main {
	padding: 10px 30px 30px 30px;
	background-color: #dFdFFF;
	border: 3px solid #111111;
	opacity: 0.85;
	width: 960px;
	margin: 50px auto 0;
}

h1 {
	font: 2.0em Verdana, Georgia, serif;
	text-align: center;
	color: #333333;
}

h3.location {
	font-size: 13px;
	font-weight: bold;
	margin: 12px 0 30px;
	text-align: center;
	color: #4D4D4D;
}

img {
	padding: 1px 0 0 0;
	float: right;
}

a:link,
a:visited {
	text-decoration: none;
	color: #555;
}

a:hover,
a:active {
	text-decoration: none;
	color: #000;
}

table {
	width: 100%;
	margin: 0;
	margin-bottom: 10px;
	border: 0;
}

tr {
	color: #1111f4;
	width: 100%;
	padding: 0;
	margin: 0;
}

th:nth-child(2) {
	width: 16px;
	text-align: left;
	padding: 0 0 0 3px;
}

th:nth-child(3) {
	width: 16px;
	text-align: right;
	padding: 0 10px 0 0;
}

td {
	height: 20px;
	padding: 3px;
	margin: 0;
}

td:nth-child(1) {
	width: 16px;
}

td:nth-child(2) {
	width: 400px;
}

td:nth-child(3) {
	width: 20px;
}

.description {
	margin: 0;
	padding-right: 15px;
	text-align: left;
}

/* Основные стили */
body {
	transition: background 0.3s, color 0.3s;
}

/* Темная тема */
body.dark-mode {
	background-color: #1a1a1a;
	color: #e0e0e0;
}

body.dark-mode #main {
	/* Меняем светло-голубой фон на темно-серый */
	background-color: #828282 !important;

	/* Меняем черную рамку на более мягкую серую */
	border-color: #444 !important;

	/* Убираем жесткую прозрачность, если она мешает (опционально) */
	opacity: 1;

	/* Добавляем легкую тень для объема */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);

	/* Цвет текста внутри контейнера (если он наследуется не от body) */
	color: #e0e0e0;
}

/* Также полезно покрасить ссылки внутри #main, чтобы они были видны на темном */
body.dark-mode #main a {
	color: #000000;
	/* Мягкий синий (как в Google dark mode) */
}

/* При наведении ссылка становится ярче */
body.dark-mode #main a:hover {
	color: #00276f;
}

/* Стили для H1 внутри #main */
body.dark-mode #main h1.location {
	color: #ffffff;
	border-bottom-color: #1c1c1c;
}

body.dark-mode a {
	color: #58a6ff;
}

body.dark-mode table tr:hover {
	background-color: #2c2c2c;
}

body.dark-mode td {
	border-color: #444;
}