/*
	Version: 1.06 (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: 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;
}

img {
	border: 0px;
}

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

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

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

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

.icon {
	width: 80%;
	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);}
}