body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #eef2ff;
	color: #333;
}
header {
	background: #eef2ff;
	color: #202020;
	padding: 10px 0;
	text-align: center;
}
.container {
	width: 90%;
	max-width: 800px;
	margin: 20px auto;
	background: #D6DAF0;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
h1 {
	margin-bottom: 10px;
}
p {
	line-height: 1.4;
}
.button {
	display: inline-block;
	padding: 10px 20px;
	margin-top: 10px;
	background-color: #28a745;
	color: white;
	text-decoration: none;
	border-radius: 5px;
}
.button:hover {
	background-color: #218838;
}

.button-main {
	display: inline-block;
	padding: 10px 20px;
	margin-top: 10px;
	background-color: #28a745;
	color: white;
	text-decoration: none;
	border-radius: 5px;
}
.button-main:hover {
	background-color: #218838;
}

.button-sub {
	display: inline-block;
	padding: 10px 20px;
	margin-top: 10px;
	background-color: #5069a6;
	color: white;
	text-decoration: none;
	border-radius: 5px;
}
.button-sub:hover {
	background-color: #41578a;
}

.button-rules {
	display: inline-block;
	padding: 10px 20px;
	margin-top: 10px;
	background-color: #bf342a;
	color: white;
	text-decoration: none;
	border-radius: 5px;
}
.button-rules:hover {
	background-color: #ab2d24;
}

@media (max-width: 600px) {
	.container {
		padding: 15px;
		margin: 10px auto;
		border-radius: 5px; 
		box-shadow: none; 
	}
}


/* Gallery */
.gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}

.gallery img {
	width: 100%;
	height: 160px; 
	border-radius: 8px;
	cursor: pointer;
	transition: transform .3s ease, box-shadow .3s ease;
	box-shadow: rgba(0,0,0,0.1) 0px 2px 5px;
	object-fit: cover; 
}

.gallery img:hover,
.gallery img:focus {
	outline: none;
	transform: scale(1.05);
	box-shadow: rgba(0,0,0,0.3) 0px 4px 15px;
}

/* Лайтбокс */
#lightbox-overlay {
	position: fixed;
	top:0; left:0; right:0; bottom:0;
	background-color: rgba(30,30,30,0.85);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity:0;
	pointer-events:none;
	transition: opacity .3s ease;
	z-index:10000;
}

#lightbox-overlay.active {
	opacity:1;
	pointer-events:auto;
}

#lightbox-img {
	max-width:90vw;
	max-height:90vh;
	border-radius:8px;
	box-shadow: rgba(255,255,255,0.2) 0px 8px 20px;
}

#lightbox-close {
	position: fixed;
	top:20px; right:30px;

	font-size:3rem;
	color:#fff;

	cursor:pointer;

	user-select:none;

	transition: color .3s ease;
}

#lightbox-close:hover,
#lightbox-close:focus {
	color:#bf342a; 
}

@media (nmax-width:900px) {
	.gallery {
		grid-template-columns: repeat(2,1fr);
	}
}

@media (max-width:600px) {
	.gallery {
		grid-template-columns: repeat(1,1fr);
	}
}

table {
    border-collapse: collapse;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}
th, td {
    padding: 12px 15px;
    text-align: left;
}

thead {
    background-color: #4CAF50;
    color: white;
}
tbody tr:nth-child(even) {
    background-color: #f2f2f2; 
}
tbody tr:hover {
    background-color: #ddd;
}