/*
	Version: 1.08 (27.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: calc(8px + (20 - 8) * ((100vw - 1024px) / (3840 - 1024)));
	color: #ffffff;
	overflow: scroll;
}

.tooltip {
	display: none; 
	max-width: 25%;
	position: absolute; 
	padding: 0.5em; 
	background-color: #fff; 
	border: 1px solid #1b0e03; 
	border-radius: 6px; 
	font-size: 1.1em;
	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;
}

img {
	border: 0px;
}

.eazy_logo {
	width: 40em;
	height: auto;
}

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

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

a.downloads {
	color: #fff;
	background: #7ea455;
	text-decoration: underline;
	transition: all 0.5s ease;
}

a.downloads:hover {
	color: #7ea455;
	background: #fff;
	text-decoration: underline;
}

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.instagram {
	color: #fff;
	background: #d7409f;
	text-decoration: underline;
	transition: all 0.5s ease;
}

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

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

a.videos:hover {
	color: #b3670f;
	background: #fff;
	text-decoration: underline;
}

a.reels {
	color: #fff;
	background: #0aa75d;
	text-decoration: underline;
	transition: all 0.5s ease;
}

a.reels:hover {
	color: #0aa75d;
	background: #fff;
	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.twitch {
	color: #fff;
	background: #9146ff;
	text-decoration: underline;
	transition: all 0.5s ease;
}

a.twitch:hover {
	color: #9146ff;
	background: #fff;
	text-decoration: underline;
}

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

a.wallpaper:hover {
	color: #ff9731;
	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;
}

.icon_bar {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon_div {
	width: 20em;
	margin: 0.5em;
	height: auto;
	font-size: 1.2em;
}

.icon {
	width: 95%;
	height: auto;
	object-fit: contain;
	transition: all 0.7s ease;
}

.icon:hover {
	filter: grayscale(100%);
	animation: rotate 2s linear forwards;
}

@keyframes rotate {
	100% {transform: rotate(0deg);}
	100% {transform: rotate(22.5deg);}
	100% {transform: rotate(45deg);}
	100% {transform: rotate(67.5deg);}
	100% {transform: rotate(90deg);}
	100% {transform: rotate(112.5deg);}
	100% {transform: rotate(135deg);}
	100% {transform: rotate(157.5deg);}
	100% {transform: rotate(180deg);}
	100% {transform: rotate(202.5deg);}
	100% {transform: rotate(225deg);}
	100% {transform: rotate(247.5deg);}
	100% {transform: rotate(270deg);}
	100% {transform: rotate(292.5deg);}
	100% {transform: rotate(315deg);}
	100% {transform: rotate(337.5deg);}
	100% {transform: rotate(360deg);}
}