html {
	color:#c70031;
	text-align:center;
	font:normal 26px sans-serif;
}

body {
	background-color: #000;
	margin-top: 80px;
}

a:link, a:visited {
	color: #c70031;
	text-decoration: none;
	transition: color 0.2s;
}
a:hover {
	color: #ffffff;
	text-decoration: underline;
}

iframe {
  position: absolute;
  right: 0;
}

form input {
	float: left;
	margin-right: 0;
	padding: 0;
	border:none;
	width: 300px;
	height:35px;
	background-color: #ececec;
	font-size: 20px;
}

button {
	float: left;
	margin: 0;
	padding: 0;
	border:none;
	width:40px;
	height:35px;
	border:none;
	background-color: #acacac;
}


.button {
	width: 100%;
	padding: 10px;
	font-size: 22px;
	background-color: #c70031;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	margin-top: 5px;
	font-weight: bold;
	letter-spacing: 1px;
}

.button:hover {
	background-color: #c70031;
	transition: background-color 0.25s;
}

.button:link, .button:visited {
	color: black;
	text-decoration: none;
}


table {
	width: 100%;
	border: 1px solid;
	background-color: #222222;
}

tr {
	background-color: #151515;
}

tr:nth-child(even) {
	background-color: #202020;
}

tr:hover  {
	background-color: #2b2b2b;
}

th {
	background-color: #000;
}

td {
  text-align: left;
}


.zoom img {
	vertical-align:middle;
	height: 48px;
	width: 48px;
	transition: all 0.2s;
}
.zoom img:hover {
	width: 256px;
	height: 256px;
}




.pagination {
	display: inline-block;
	margin-top: 20px;
}

.pagination a {
	float: left;
	padding: 8px 16px;
	text-decoration: none;
}

.pagination a.active {
	background-color: #6221F0;
	color: white;
}

.pagination a:hover:not(.active) {
	background-color: #21A2F0;
}


header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background-color: #181818d6;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

header nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.5em;
}

header nav img {
	height: 40px;
	vertical-align: middle;
}

header nav input {
	display: none;
}

header nav label {
	display: none;
	cursor: pointer;
}

header nav label[for="menu-toggle"] span {
	width: 25px;
	height: 3px;
	background-color: #c70031;
	border-radius: 3px;
	margin: 3px 0;
}

header nav ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 3px 0;
}

header nav ul li a:link,
header nav ul li a:visited {
	text-decoration: none;
	padding: 6px 8px;
	color: #c70031;
}

header nav ul li a:hover {
	background-color: #4b4b4b6b;
	border-radius: 5px;
}

@media (max-width: 768px) {
	header nav label {
		display: flex;
		flex-direction: column;
	}

	header nav ul {
		display: none;
		flex-direction: column;
		text-align: center;
		position: absolute;
		top: 100%;
		left: 0;
		background-color: #181818d6;
	}

	#menu-toggle:checked + label + ul {
		display: flex;
	}
}










.panel {
	width: 100%;
}

.panel nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.5em;
}

.panel nav img {
	height: 40px;
	vertical-align: middle;
}

.panel nav ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 3px 0;
}

.panel nav ul li a:link,
.panel nav ul li a:visited {
	text-decoration: none;
	padding: 6px 8px;
	color: #c70031;
}

.panel nav ul li a:hover {
	background-color: #4b4b4b6b;
	border-radius: 5px;
}