html, body {
	background: url(https://images.alphacoders.com/135/thumb-1920-1353956.png) center fixed no-repeat;
	background-color: #000;
	background-size: contain;
	color: #fff;
	font-family: Arial, serif;
	font-size: 12px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

@media (prefers-color-scheme: dark) {
html, body {scrollbar-color: #FBFBFE #2B2A33 !important}
}

* div {zoom:1;}

a {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

a:hover {text-decoration: underline;}

#header_2026, #footer_2026, .module_page, #weatherbox, #lightningbox, .pagination button {background: #55ff0040;}

#header_2026, #footer_2026 {
	backdrop-filter: blur(5px);
	border-bottom: 1px solid;
	border-image: linear-gradient(to bottom right,#fff 0%,transparent 50%,#fff 100%) 1;
	box-shadow: 0 0 5px #000;
	position: fixed;
	text-shadow: 0 0 5px #000;
	width: 100%;
	z-index: 1;
}

#footer_2026 {
	border-top: 1px solid rgba(255,255,255,.8);
	border-bottom: 0;
	bottom: 0;
	position: relative;
}

.header_info, .header_content, .footer_content {
	padding: 5px;
	text-align: center;
}

.welcome_text_left {
	display: inline-block;
	left: 5px;
	padding: 16px;
	position: absolute;
	text-align: left;
}

a.logo_center {
	display: inline-block;
	vertical-align: top;
}

.logo {
	background: url("img/Logo_2026_April.png");
	background-size: contain;
	height: 60px;
	width: 50px;
}

.clock_text_right {
	display: inline-block;
	font-weight: bold;
	padding: 23px 16px;
	position: absolute;
	right: 5px;
	text-align: right;
}

#header_navigation {
	border-top: 1px solid rgba(255,255,255,.8);
	padding-top: 5px;
}

.header_round, .header_round_current, .header_round_weather, .pagination button, .module_page, .video_thumbnail, .video_thumbnail_player, .video_thumbnail_bigger, .video_thumbnail_biggest, .video_thumbnail_favorite, .module_box_content, .pagination button, .pagination button:hover, .pagination button.active, .pagination a:hover:not(.active), img.round {
	&:before {
	position: absolute;
	content: '';
	inset: 0;
	border-radius: inherit;
	z-index: -1;
	background: linear-gradient(to bottom right,#fff 0%,transparent 50%,#fff 100%);
	mask: linear-gradient(#fff 0 0) content-box,
	linear-gradient(#fff 0 0);
	mask-composite: exclude;
	padding: 1px;
	}
}

.header_round, .header_round_current, .header_round_weather, .pagination button {
	border-radius: 13px;
	box-shadow: 0 0 5px #000;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin-right: 7px;
	padding: 6px 10px 6px 6px;
	position: relative;
	
}

.header_round, .icon_round, .logo, .header_round_weather, select, .pagination button {
	transition: .25s;
	transition-timing-function: ease;
}

a.header_round:hover, .header_round_current, .icon_round_current img, .header_round_weather:hover, .pagination button:hover {
	box-shadow: 0 0 5px #fff;
	text-shadow: 0 0 5px #fff;
	text-decoration: underline;
	background: linear-gradient(to bottom right,#fff 0%,transparent 50%,#fff 100%);
}

.header_round_weather {padding: 3px 6px 5px 10px;}

.icon_round {
	border-radius: 13px;
	box-shadow: 0 0 3px #000;
	float: left;
	height: 16px;
	margin-right: 5px;
	width: 16px;
}

a:hover .icon_round {
	box-shadow: 0 0 5px #fff;
}

#page {
	display: table;
	margin: 0 auto;
	padding: 151px 0 0 0;
	width: 1300px;
}

.module_page {
	backdrop-filter: blur(5px);
	border-radius: 13px;
	box-shadow: 0 0 5px #000;
	float: left;
	margin-bottom: 15px;
	padding: 6px;
	position: relative;
	text-shadow: 0 0 5px #000;
}

.module_content, .module_box_content {margin-top: 5px;}


.video_thumbnail, .video_thumbnail_player, .video_thumbnail_bigger, .video_thumbnail_biggest, .video_thumbnail_favorite, .module_box_content{
	border-radius: 13px;
	float: left;
	position: relative;
}

.video_thumbnail_player {
	height: 172.69px;
	width: 307px;
}

.video_thumbnail_bigger {
	height: 93.66px;
	width: 166.5px;
}

.video_thumbnail_biggest {
	height: 258.19px;
	width: 459px;
}

.video_thumbnail_favorite {
	height: 101.25px;
	width: 180px;
}

img.round {
	border-radius: 13px;
	padding: 1px;
	position: relative;
	z-index: 1;
}

.video_description {
	float: left;
	font-size: 13px;
	font-weight: bold;
}

.scroll_bar_index {
	height: 540px;
	position: relative;
	overflow-y: scroll;
	scrollbar-width: none;
}

.vidmarker {
	background: rgba(0,0,0,.7);
 	border-radius: 13px;
 	bottom: 0;
 	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin: 5px;
	padding: 1px 4px;
	position: absolute;
 	right: 0;
 	z-index: 2;
}

.copyright_text {
	border-bottom: 1px solid rgba(255,255,255,.8);
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.left_info_column {
	border-right: 1px solid;
	border-image: linear-gradient(to bottom right,#fff 0%,transparent 50%,#fff 100%) 1;	
	display: inline-block;
	padding-right: 10px;
	width: 100px;
}

.right_info_column {
	display: inline-block;
	vertical-align: top;
	width: 100px;
}

/* CONTENT */

.banner_logo {
	background: url("img/Logo_2026_April.png");
	background-size: 146px;
	float: left;
	width: 146px;
	height: 173px;
}

.banner_banner {
	background: url("../2014/img_2013/header_background.webp");
	background-size: 1151px 176px;
	border-left: 1px solid;
	border-radius: 0 13px 13px 0;
	float: left;
	height: 176px;
	width: 1151px;
	border-image: linear-gradient(to bottom right,#fff 0%,transparent 50%,#fff 100%) 1;
}

#weatherbox, #lightningbox {
	background: none;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 0 5px #000;
}

#weatherbox:hover, #lightningbox:hover {text-shadow: 0 0 5px #fff;}

#header_links {
	position: relative;
	text-align: right;
	top: 120px;
}

.pagination {
	display: flex;
	justify-content: center;
	width: 1300px;
}

.pagination button {
	backdrop-filter: blur(5px);
	border-radius: 13px;
	box-shadow: 0 0 5px #000;
	cursor: pointer;
	margin-bottom: 15px;
	padding: 6px 10px;
	position: relative;
	text-shadow: 0 0 5px #000;
}

.hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.pagination button.active {
	backdrop-filter: blur(5px);
	background: linear-gradient(to bottom right,#fff 0%,transparent 50%,#fff 100%);
	border-radius: 13px;
	box-shadow: 0 0 5px #fff;
	margin-bottom: 15px;
	padding: 6px 10px;
	position: relative;
	text-decoration: underline;
	text-shadow: 0 0 5px #000;
}

.pagination a:hover:not(.active) {
	backdrop-filter: blur(5px);
	border-radius: 13px;
	box-shadow: 0 0 5px #fff;
	float: left;
	margin-bottom: 15px;
	padding: 6px 10px;
	position: relative;
	text-shadow: 0 0 5px #000;
}

.blog {
	display: grid;
	gap: 0;
	grid-row: span 2;
	grid-template-rows: subgrid;
}

.blog_date {
	display: block;
	text-align: center;
}

.blog_title {
	display: block;
	font-size: 14px;
	text-align: center;
	text-decoration: underline;
}

.centerpiece {
	font-weight: normal;
	padding: 8px 0 2px 0;
}

.feed_title {
	font-weight: bold;
	margin-top: 1px;
	width: 100%;
}

.profile {
	border-top: 1px solid #fff;
	margin-top: 7px;
	padding-top: 7px;}

.profile_flag {
	margin: -4px 0;
	padding-left: 3px;
}

/* OTHERS */

.bdfb0 {backdrop-filter: blur(0);}
.bdfb5 {backdrop-filter: blur(5px);}

.bb1 {border-bottom: 1px solid rgba(255,255,255,.8);}

button {border: 0;}

.cb {clear: both;}
.cursdef {cursor: default;}

.dib {display: inline-block;}
.dif {display: inline-flex;}
.diflofxa {
	display: flex;
	overflow-x: auto;
}

	/*
	scroll-behavior: smooth;
	scrollbar-width: none;
	anchor-name: --diflofxa;
	scroll-snap-type: x mandatory;
	scroll-snap-align: start;
}

.diflofxa::scroll-button(right), .diflofxa::scroll-button(left) {
	content: '🠚';
	font-size: 30px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	border: 0;
	position: fixed;
	position-anchor: --diflofxa;
	position-area: right center;
	translate: -100% -100%;
}

.diflofxa::scroll-button(left) {
	content: '🠘';
	position-area: left center;
	translate: 100% -100%;
}*/

.fl {float: left;}
.fvt {float: revert;}
.fr {float: right;}
.fs14 {font-size: 14px}

.h76_22 {height: 76.22px}
.h86_57 {height: 86.57px}

hr {border-color: #fff; border-image: linear-gradient(to bottom right,#fff 0%,transparent 50%,#fff 100%) 1}

iframe {border-radius: 13px; width: 100% !important;}

.pd1 {padding: 1px;}
.pd6 {padding: 6px;}
.pdb0 {padding-bottom: 0;}
.pdl10 {padding-left: 10px;}
.pdt0 {padding-top: 0;}

.mgb0 {margin-bottom: 0px;}
.mgb2 {margin-bottom: 2px;}
.mgb5 {margin-bottom: 5px;}
.mgb10 {margin-bottom: 10px;}
.mgl0 {margin-left: 0;}
.mgl2 {margin-left: 2px;}
.mgl5 {margin-left: 5px;}
.mgl8 {margin-left: 8px;}
.mgl15 {margin-left: 15px;}
.mgl25 {margin-left: 25px}
.mgr0 {margin-right: 0;}
.mgr8 {margin-right: 8px;}
.mgt0 {margin-top: 0;}
.mgt2 {margin-top: 2px;}
.mgt5 {margin-top: 5px;}
.mgt10 {margin-top: 10px;}

li {list-style-type: none}

select {border: 0; padding: 0; outline: 0;}
.sft {font-size: 11px; font-weight: normal;}

.tac {text-align: center;}

ul.content {
	display: inline-grid;
	gap: 15px;
	grid-template-columns: repeat(4, minmax(313.75px, 1fr));
	grid-template-rows: auto;
	margin: 0;
	padding: 0;
}

.w135_5 {width: 135.5px;}
.w153_9 {width: 153.9px;}
.w186 {width: 186px;}
.w270 {width: 270px;}
.w284 {width: 284px;}
.w307 {width: 307px;}
.w400 {width: 400px;}
.w412 {width: 412px;}
.w417 {width: 417px;}
.w458_5 {width: 458.5px;}
.w472 {width: 472px;}
.w630_5 {width: 630.5px;}
.w861 {width: 861px;}
.w944 {width: 944px;}
.w100_procent {width: 100%;}