/*
	Version: 6.20.1.09 (30.01.25)

	Unerlaubte Vervielfältigung, Weitergabe ohne 
	schriftliche Genehmigung ist untersagt.

	Duplication, passing on without written permission is forbidden.

	Copyright (c) 2025 by Eazy Rogue
*/

* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

body {
    height: 100%;
	background: #6c010c;
	font-size: 1em;
	color: #ffffff;
	overflow: scroll;
}

.tooltip {
	display: none; 
	max-width: 90%;
	position: absolute; 
	padding: 0.5em; 
	background-color: #fff; 
	border: 1px solid #1b0e03; 
	border-radius: 12px; 
	font-size: 1.8em;
	color: #4c2e14; 
	text-align:left;
	line-break: auto;
	word-break: normal;
	word-break: break-word;
	overflow-wrap: break-word;
	word-spacing: 0px;
	white-space: normal;
	overflow-wrap: normal;
	animation: fade 1.5s;
}



/* CONTENT */

.eazyrogue {
	width: 80%;
	height: auto;
}

.eazyrogue:hover {
	-webkit-filter: grayscale(1) brightness(1.5);
	filter: grayscale(1) brightness(1.5);
}

.reels_div, .videos_div, .wallpaper_div {
	margin-top: 1.2em;
	padding: 1.2em;
	background: #a32525;
	border: 1px solid #3d0000;
	border-radius: 12px;
	box-shadow: 2px 2px 4px black;
}

.reels_div {
	width: 96%;
	margin-top: 1.2em;
}

.reel_thumb {
	width: 100%;
	height: auto;
	border: 1px solid #ffffff;
}

.videos_div {
	width: 96%;
}

.video_thumb {
	width: 30em;
	height: auto;
	min-width: 6em;
	max-width: 60em;
	border: 1px solid #ffffff;
}

.wallpaper_div {
	width: 96%;
}

.reel_thumb:hover, .video_thumb:hover, .wallpaper_thumb:hover {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.title_line {
	height: 14em;
	background: #c54747;
	border: 1px solid #3d0000;
	border-radius: 12px;
}

.title_clip {
	float: left;
	padding: 1em 0 0 1em;
}

.title_icon {
	width: 12em;
	min-width: 3em;
	max-width: 24em;
	height: auto;
	border: 1px solid #000;
	border-radius: 50%;
}

.title_bar {
	float: right;
	padding: 0.8em 0.8em 0 0;
	font-size: 3em;
	color: #fff;
}

.subtitle {
	font-size: 0.6em;
	font-style: italic;
}

.columns, .top_row  {
	height: auto;
	margin-top: 0.7em;
	padding: 0.6em;
	background: #c54747;
	border: 1px solid #3d0000;
	font-size: 1.8em;
	border-radius: 12px;
}

.columns {
	display: flex;
	align-items: top;
	text-align: left;
}

.top_row {
	text-align: center;
}

.menu {
	font-weight: bold;
}

.game_icon {
	width: 8em;
	height: auto;
	min-width: 2em;
	max-width: 16em;
	margin-right: 0.5em;
}

.description {
	width: 90%;
	margin: 0.5em;
}

.reel {
	margin: 0.5em;
}



/* LINKS */

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

a.facebook {
	color: #fff;
	background: #007ded;
	text-decoration: underline;
	transition: all 0.5s ease;
}

a.facebook:hover {
	color: #007ded;
	background: #fff;
	text-decoration: underline;
}

a.hd {
	color: #fff;
	background: #000;
	text-decoration: underline;
	transition: all 0.5s ease;
}

a.hd:hover {
	color: #000;
	background: #fff;
	text-decoration: underline;
}

a.instagram {
	color: #fff;
	background: #d7409f;
	text-decoration: underline;
	transition: all 0.5s ease;
}

a.instagram:hover {
	color: #d7409f;
	background: #fff;
	text-decoration: underline;
}

a.r4k {
	color: #000;
	background: #f3bf30;
	text-decoration: underline;
	transition: all 0.5s ease;
}

a.r4k:hover {
	color: #f3bf30;
	background: #000;
	text-decoration: underline;
}

a.tiktok {
	color: #fff;
	background: #555;
	text-decoration: underline;
	transition: all 0.5s ease;
}

a.tiktok:hover {
	color: #555;
	background: #fff;
	text-decoration: underline;
}

a.wallpaper {
	color: #fff;
	text-decoration: underline;
	transition: all 0.5s ease;
}

a.wallpaper:hover {
	color: #000;
	background: #fff;
	text-decoration: underline;
}

a.youtube {
	color: #fff;
	background: #fe001b;
	text-decoration: underline;
	transition: all 0.5s ease;
}

a.youtube:hover {
	color: #fe001b;
	background: #fff;
	text-decoration: underline;
}



/* INPUT */

input[type=text] {
	background: #c54747;
	border: 1px solid #3d0000;
	border-radius: 12px;
	outline: none;
	color: #fff;
}

input[type=text]:hover, input[type=text]:focus {
	background: #fff;
	color: #000;
	border: 1px solid #3d0000;
}

input.goto {
	width: 60px;
	font-size: 40px;
	padding: 14px;
	text-align: center;
}



/* NAVIGATION */

.navi_box {
	height: auto;
	margin-top: 10px;
	padding: 15px;
	background: #c54747;
	border: 1px solid #3d0000;
	font-size: 40px;
	border-radius: 12px;
	display: flex;
	justify-content: center;
}

.navi_bar {
	padding: 14px;
	text-align: center;
	display: flex;
	align-items: center;
}

.navi_info {
	margin-right: 13px;
	padding: 14px;
	background: #a32525;
	border: 1px solid #3d0000;
	border-radius: 12px;
	white-space: nowrap;
}

.navi_page, a.navi {
	margin-right: 13px;
	padding: 14px;
	border: 1px solid #3d0000;
	border-radius: 12px;
	text-align: center;
}

.navi_page {
	background: #fff;
	color: #000;
}

a.navi {
	padding: 14px;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}

a.navi:hover {
	background: #fff;
	color: #000;
	border: 1px solid #3d0000;
	text-decoration: underline;
}

.navi_icon {
	width: 1.625em;
	height: auto;
}



/* FOOTER */

.copyright {
	font-size: 1.2em;
}