@charset "utf-8";










/* LARGE DEVICE------------------------------------------------ */
@media only screen and (min-width : 1200px)
{

/* HEADER START */
.disc strong { color:white; }
.discover { color: #ffffff;
	background-color:  tomato;
	padding: 10px;
	text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px, red 0 -18px 40px;
 	-webkit-box-shadow:  4px 6px 8px 0 #000000;
  	box-shadow:  4px 6px 8px 0 #000000;
	}
:root { --ink: currentColor; --ink-2: white; --ink-3: #4FF8FF; }
.discover { font: 800 50px/1 "JetBrains Mono", monospace;
	letter-spacing: .06em;
  	color: var(--ink);
  	display: inline-block;
  	animation: fx-loud 3s infinite;
	background-color: tomato;
	}
@keyframes fx-loud { 0%, 12% {
	transform: scale(1);
    color: var(--ink);
    text-shadow: none;
    animation-timing-function: cubic-bezier(.2, 1.5, .4, 1);
  	}
	20% { transform: scale(1); color: var(--ink-2);
    	text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent); }
	23% { transform: translate(-5px, 2px) rotate(-3deg) scale(1); }
  	26% { transform: translate(5px, -2px) rotate(3deg) scale(1); }
  	29% { transform: translate(-4px, -1px) rotate(-2deg) scale(1); }
  	32% { transform: translate(4px, 1px) rotate(2deg) scale(1); }
  	35% { transform: translate(-2px, 2px) rotate(-1deg) scale(1); }
  	38% { transform: translate(2px, -1px) rotate(1deg) scale(1); }
  	44% { transform: scale(1); color: var(--ink-2);
    text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent);
    animation-timing-function: cubic-bezier(.3, 1.6, .5, 1);
	}
	54%, 100% { transform: scale(1); color: var(--ink); text-shadow: none; }
	}
/* HEADER END */
	
/* CATEGORIES START */
.fx-foil { color: transparent;
    background: linear-gradient(108deg, #7a4a08 0%, #f2c15d 18%, #fff4b8 24%, #b87014 36%, #f6d66d 51%, #8e560b 68%, #fff0a2 76%, #c98218 100% ) 0 0 / 230% 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	text-shadow: 0 1px 0 rgba(255, 244, 184, .45), 0 9px 20px rgba(0, 0, 0, .36);
  	animation: fx-foil 5.1s ease-in-out infinite;
	}
@keyframes fx-foil { 0%, 100% { background-position: 115% 0; filter: saturate(1.05); }
  	45%	{ background-position: -35% 0; filter: saturate(1.35) brightness(1.12); }
	}
/* CATEGORIES END */
	



	
}





/* MEDIUM DEVICE------------------------------------------------ */
@media only screen and (min-width : 991px) and (max-width : 1199px) 
{

/* HEADER START */
.disc strong { color:white; }
.discover { color: #ffffff;
	background-color:  tomato;
	padding: 10px;
	text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px, red 0 -18px 40px;
 	-webkit-box-shadow:  4px 6px 8px 0 #000000;
  	box-shadow:  4px 6px 8px 0 #000000;
	}
:root { --ink: currentColor; --ink-2: white; --ink-3: #4FF8FF; }
.discover { font: 800 50px/1 "JetBrains Mono", monospace;
	letter-spacing: .06em;
  	color: var(--ink);
  	display: inline-block;
  	animation: fx-loud 3s infinite;
	background-color: tomato;
	}
@keyframes fx-loud { 0%, 12% {
	transform: scale(1);
    color: var(--ink);
    text-shadow: none;
    animation-timing-function: cubic-bezier(.2, 1.5, .4, 1);
  	}
	20% { transform: scale(1); color: var(--ink-2);
    	text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent); }
	23% { transform: translate(-5px, 2px) rotate(-3deg) scale(1); }
  	26% { transform: translate(5px, -2px) rotate(3deg) scale(1); }
  	29% { transform: translate(-4px, -1px) rotate(-2deg) scale(1); }
  	32% { transform: translate(4px, 1px) rotate(2deg) scale(1); }
  	35% { transform: translate(-2px, 2px) rotate(-1deg) scale(1); }
  	38% { transform: translate(2px, -1px) rotate(1deg) scale(1); }
  	44% { transform: scale(1); color: var(--ink-2);
    text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent);
    animation-timing-function: cubic-bezier(.3, 1.6, .5, 1);
	}
	54%, 100% { transform: scale(1); color: var(--ink); text-shadow: none; }
	}
/* HEADER END */
	
/* CATEGORIES START */
.fx-foil { color: transparent;
    background: linear-gradient(108deg, #7a4a08 0%, #f2c15d 18%, #fff4b8 24%, #b87014 36%, #f6d66d 51%, #8e560b 68%, #fff0a2 76%, #c98218 100% ) 0 0 / 230% 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	text-shadow: 0 1px 0 rgba(255, 244, 184, .45), 0 9px 20px rgba(0, 0, 0, .36);
  	animation: fx-foil 5.1s ease-in-out infinite;
	}
@keyframes fx-foil { 0%, 100% { background-position: 115% 0; filter: saturate(1.05); }
  	45%	{ background-position: -35% 0; filter: saturate(1.35) brightness(1.12); }
	}
/* CATEGORIES END */



	
}





/* SMALL DEVICE------------------------------------------------ */
@media only screen and (min-width : 768px) and (max-width : 990px) 

{

/* HEADER START */
.disc strong { color:white; }
.discover { color: #ffffff;
	background-color:  tomato;
	padding: 10px;
	text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px, red 0 -18px 40px;
 	-webkit-box-shadow:  4px 6px 8px 0 #000000;
  	box-shadow:  4px 6px 8px 0 #000000;
	}
:root { --ink: currentColor; --ink-2: white; --ink-3: #4FF8FF; }
.discover { font: 800 50px/1 "JetBrains Mono", monospace;
	letter-spacing: .06em;
  	color: var(--ink);
  	display: inline-block;
  	animation: fx-loud 3s infinite;
	background-color: tomato;
	}
@keyframes fx-loud { 0%, 12% {
	transform: scale(1);
    color: var(--ink);
    text-shadow: none;
    animation-timing-function: cubic-bezier(.2, 1.5, .4, 1);
  	}
	20% { transform: scale(1); color: var(--ink-2);
    	text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent); }
	23% { transform: translate(-5px, 2px) rotate(-3deg) scale(1); }
  	26% { transform: translate(5px, -2px) rotate(3deg) scale(1); }
  	29% { transform: translate(-4px, -1px) rotate(-2deg) scale(1); }
  	32% { transform: translate(4px, 1px) rotate(2deg) scale(1); }
  	35% { transform: translate(-2px, 2px) rotate(-1deg) scale(1); }
  	38% { transform: translate(2px, -1px) rotate(1deg) scale(1); }
  	44% { transform: scale(1); color: var(--ink-2);
    text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent);
    animation-timing-function: cubic-bezier(.3, 1.6, .5, 1);
	}
	54%, 100% { transform: scale(1); color: var(--ink); text-shadow: none; }
	}
/* HEADER END */
	
/* CATEGORIES START */
.fx-foil { color: transparent;
    background: linear-gradient(108deg, #7a4a08 0%, #f2c15d 18%, #fff4b8 24%, #b87014 36%, #f6d66d 51%, #8e560b 68%, #fff0a2 76%, #c98218 100% ) 0 0 / 230% 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	text-shadow: 0 1px 0 rgba(255, 244, 184, .45), 0 9px 20px rgba(0, 0, 0, .36);
  	animation: fx-foil 5.1s ease-in-out infinite;
	}
@keyframes fx-foil { 0%, 100% { background-position: 115% 0; filter: saturate(1.05); }
  	45%	{ background-position: -35% 0; filter: saturate(1.35) brightness(1.12); }
	}
/* CATEGORIES END */
	

	
}





/* EXTRA SMALL DEVICE------------------------------------------------ */
@media only screen and (max-width : 767px) 
{

/* HEADER START */
.disc strong { color:white; }
.discover { color: #ffffff;
	background-color:  tomato;
	padding: 10px;
	text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px, red 0 -18px 40px;
 	-webkit-box-shadow:  4px 6px 8px 0 #000000;
  	box-shadow:  4px 6px 8px 0 #000000;
	}
:root { --ink: currentColor; --ink-2: white; --ink-3: #4FF8FF; }
.discover { font: 800 50px/1 "JetBrains Mono", monospace;
	letter-spacing: .06em;
  	color: var(--ink);
  	display: inline-block;
  	animation: fx-loud 3s infinite;
	background-color: tomato;
	}
@keyframes fx-loud { 0%, 12% {
	transform: scale(1);
    color: var(--ink);
    text-shadow: none;
    animation-timing-function: cubic-bezier(.2, 1.5, .4, 1);
  	}
	20% { transform: scale(1); color: var(--ink-2);
    	text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent); }
	23% { transform: translate(-5px, 2px) rotate(-3deg) scale(1); }
  	26% { transform: translate(5px, -2px) rotate(3deg) scale(1); }
  	29% { transform: translate(-4px, -1px) rotate(-2deg) scale(1); }
  	32% { transform: translate(4px, 1px) rotate(2deg) scale(1); }
  	35% { transform: translate(-2px, 2px) rotate(-1deg) scale(1); }
  	38% { transform: translate(2px, -1px) rotate(1deg) scale(1); }
  	44% { transform: scale(1); color: var(--ink-2);
    text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent);
    animation-timing-function: cubic-bezier(.3, 1.6, .5, 1);
	}
	54%, 100% { transform: scale(1); color: var(--ink); text-shadow: none; }
	}
/* HEADER END */
	
/* CATEGORIES START */
.fx-foil { color: transparent;
    background: linear-gradient(108deg, #7a4a08 0%, #f2c15d 18%, #fff4b8 24%, #b87014 36%, #f6d66d 51%, #8e560b 68%, #fff0a2 76%, #c98218 100% ) 0 0 / 230% 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	text-shadow: 0 1px 0 rgba(255, 244, 184, .45), 0 9px 20px rgba(0, 0, 0, .36);
  	animation: fx-foil 5.1s ease-in-out infinite;
	}
@keyframes fx-foil { 0%, 100% { background-position: 115% 0; filter: saturate(1.05); }
  	45%	{ background-position: -35% 0; filter: saturate(1.35) brightness(1.12); }
	}
/* CATEGORIES END */

	
	
}