@charset "utf-8";










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

/* HEADER START */
:root { --ink: currentColor; --ink-2: #FF4FD8; --ink-3: #4FF8FF; }
.fx-synthwave { display: inline-block;
	padding: .42em .9em;
  	font: 800 46px/1.1 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  	letter-spacing: .12em;
  	text-transform: uppercase;
  	white-space: pre;
  	color: transparent;
    background: linear-gradient(180deg, #ffe9a8 0%, #ff8bd4 34%, #a44cff 62%, #2b1b6b 100%);
  	background-size: 100% 220%;
  	background-position: 0 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	filter: drop-shadow(0 0 10px #ff3ea5b3) drop-shadow(0 2px 0 #2b1b6b);
  	animation: fx-synthwave-sun 20s linear infinite;
	}
.fx-synthwave::before { content: '';
	position: absolute;
  	inset: 0;
  	z-index: 1;
  	pointer-events: none;
  	background: repeating-linear-gradient(180deg, #00000059 0 1px, transparent 1px 4px);
  	mix-blend-mode: multiply;
	}
.fx-synthwave::after { content: '';
	position: absolute;
  	left: 0%;
  	bottom: -120px;
  	width: 320px;
  	height: 250px;
  	margin-left: -200px;
  	pointer-events: none;
  	background: repeating-linear-gradient(90deg, #ff3ea577 0 1px, transparent 1px 40px),
    repeating-linear-gradient(0deg, #ff3ea577 0 1px, transparent 1px 22px);
    -webkit-mask-image: linear-gradient(180deg, #000, transparent 92%);
    mask-image: linear-gradient(180deg, #000, transparent 92%);
  	transform: perspective(140px) rotateX(74deg);
  	transform-origin: top center;
  	animation: fx-synthwave-grid 20s linear infinite;
	}
@keyframes fx-synthwave-sun {
	0% { background-position: 0 100%; }
  	50% { background-position: 0 62%; }
  	100% { background-position: 0 100%; }
	}
@keyframes fx-synthwave-grid {
	0% { transform: perspective(1040px) rotateX(74deg) translateY(0); opacity: .95; }
  	100% { transform: perspective(140px) rotateX(74deg) translateY(122px); opacity: .25; }
	}
@media (prefers-reduced-motion: reduce) { .fx-synthwave { animation: none; }
	.fx-synthwave::after { animation: none; }
	}
/* HEADER END */
	
/* SERVICES START */
.neon-text { color: #fff;
    text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    animation: glow 1.5s infinite alternate;
	}
@keyframes glow {
    0% { text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e; }
    100% { text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff, 0 0 40px #00d4ff, 0 0 80px #00d4ff, 0 0 160px #00d4ff; }
	}

.servicebox{ padding: 10px;
	margin-bottom: 50px;
	border: 13px ridge white;}
	
/* SERVICES END */
	
/* PORTFOLIO START */	
.cateh4 > span { text-transform: uppercase;
	font-weight: bold;
  	animation: glows 3.5s ease-in-out infinite;
	font-size: 65px;
	}
@keyframes glows { 0%, 100%
	{ 	color: white;
		text-shadow: 0 0 10px red,
		50px 0 50px #0652DD, 0 50px 100px yellow;
	}
    	10%, 90% { color:white;
		text-shadow: 5px 5px 20px black;
		}
	}
.cateh4  > span:nth-child(1) {	animation-delay: 0s;	}
.cateh4  > span:nth-child(2) {	animation-delay: 0.350s;}
.cateh4  > span:nth-child(3) {	animation-delay: 0.50s;	}
.cateh4  > span:nth-child(4) {	animation-delay: 0.75s;	}
.cateh4  > span:nth-child(5) {	animation-delay: 1s;	}
.cateh4  > span:nth-child(6) {	animation-delay: 1.25s;	}
.cateh4  > span:nth-child(7) {	animation-delay: 1.50s;	}
.cateh4  > span:nth-child(8) {	animation-delay: 1.75s;	}
.cateh4  > span:nth-child(9) {	animation-delay: 2s;	}
.cateh4  > span:nth-child(10) {	animation-delay: 2.25s;	}
.cateh4  > span:nth-child(11) {	animation-delay: 2.50s;	}
.cateh4  > span:nth-child(12) {	animation-delay: 2.75s;	}
	
.porftoliobox { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
	height: 200px;}
/* PORTFOLIO END */
	
/* PRICING START */
.fx-neon { color: white;
  	animation: fx-neon 3.2s linear infinite;
	}
@keyframes fx-neon { 0%, 18%, 21%, 24%, 100% {
    opacity: 5;
    text-shadow: 0 0 4px #FF4FD8, 0 0 11px #FF4FD8, 0 0 24px #FF4FD8, 0 0 48px #FF4FD8; }
  	19%, 22%, 62% { opacity: .5;
    text-shadow: none; }
  	63%, 64.5% { opacity: .60;
    text-shadow: 0 0 4px white; }
	}
/* PRICING END */
	



	
}





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

/* HEADER START */
:root { --ink: currentColor; --ink-2: #FF4FD8; --ink-3: #4FF8FF; }
.fx-synthwave { display: inline-block;
	padding: .42em .9em;
  	font: 800 34px/1.1 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  	letter-spacing: .12em;
  	text-transform: uppercase;
  	white-space: pre;
  	color: transparent;
    background: linear-gradient(180deg, #ffe9a8 0%, #ff8bd4 34%, #a44cff 62%, #2b1b6b 100%);
  	background-size: 100% 220%;
  	background-position: 0 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	filter: drop-shadow(0 0 10px #ff3ea5b3) drop-shadow(0 2px 0 #2b1b6b);
  	animation: fx-synthwave-sun 20s linear infinite;
	}
.fx-synthwave::before { content: '';
	position: absolute;
  	inset: 0;
  	z-index: 1;
  	pointer-events: none;
  	background: repeating-linear-gradient(180deg, #00000059 0 1px, transparent 1px 4px);
  	mix-blend-mode: multiply;
	}
.fx-synthwave::after { content: '';
	position: absolute;
  	left: 0%;
  	bottom: -120px;
  	width: 320px;
  	height: 250px;
  	margin-left: -200px;
  	pointer-events: none;
  	background: repeating-linear-gradient(90deg, #ff3ea577 0 1px, transparent 1px 40px),
    repeating-linear-gradient(0deg, #ff3ea577 0 1px, transparent 1px 22px);
    -webkit-mask-image: linear-gradient(180deg, #000, transparent 92%);
    mask-image: linear-gradient(180deg, #000, transparent 92%);
  	transform: perspective(140px) rotateX(74deg);
  	transform-origin: top center;
  	animation: fx-synthwave-grid 20s linear infinite;
	}
@keyframes fx-synthwave-sun {
	0% { background-position: 0 100%; }
  	50% { background-position: 0 62%; }
  	100% { background-position: 0 100%; }
	}
@keyframes fx-synthwave-grid {
	0% { transform: perspective(1040px) rotateX(74deg) translateY(0); opacity: .95; }
  	100% { transform: perspective(140px) rotateX(74deg) translateY(122px); opacity: .25; }
	}
@media (prefers-reduced-motion: reduce) { .fx-synthwave { animation: none; }
	.fx-synthwave::after { animation: none; }
	}
/* HEADER END */
	
/* SERVICES START */
.neon-text { color: #fff;
	font-size: 45px;
    text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    animation: glow 1.5s infinite alternate;
	}
@keyframes glow {
    0% { text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e; }
    100% { text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff, 0 0 40px #00d4ff, 0 0 80px #00d4ff, 0 0 160px #00d4ff; }
	}

.servicebox{ padding: 10px;
	margin-bottom: 50px;
	border: 13px ridge white;}
/* SERVICES END */
	
/* PORTFOLIO START */	
.cateh4 > span { text-transform: uppercase;
	font-weight: bold;
  	animation: glows 3.5s ease-in-out infinite;
	font-size: 45px;
	}
@keyframes glows { 0%, 100%
	{ 	color: white;
		text-shadow: 0 0 10px red,
		50px 0 50px #0652DD, 0 50px 100px yellow;
	}
    	10%, 90% { color:white;
		text-shadow: 5px 5px 20px black;
		}
	}
.cateh4  > span:nth-child(1) {	animation-delay: 0s;	}
.cateh4  > span:nth-child(2) {	animation-delay: 0.350s;}
.cateh4  > span:nth-child(3) {	animation-delay: 0.50s;	}
.cateh4  > span:nth-child(4) {	animation-delay: 0.75s;	}
.cateh4  > span:nth-child(5) {	animation-delay: 1s;	}
.cateh4  > span:nth-child(6) {	animation-delay: 1.25s;	}
.cateh4  > span:nth-child(7) {	animation-delay: 1.50s;	}
.cateh4  > span:nth-child(8) {	animation-delay: 1.75s;	}
.cateh4  > span:nth-child(9) {	animation-delay: 2s;	}
.cateh4  > span:nth-child(10) {	animation-delay: 2.25s;	}
.cateh4  > span:nth-child(11) {	animation-delay: 2.50s;	}
.cateh4  > span:nth-child(12) {	animation-delay: 2.75s;	}
	
.porftoliobox { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
	height: 200px;}
/* PORTFOLIO END */
	
/* PRICING START */
.fx-neon { color: white;
  	animation: fx-neon 3.2s linear infinite;
	font-size: 40px;
	}
@keyframes fx-neon { 0%, 18%, 21%, 24%, 100% {
    opacity: 5;
    text-shadow: 0 0 4px #FF4FD8, 0 0 11px #FF4FD8, 0 0 24px #FF4FD8, 0 0 48px #FF4FD8; }
  	19%, 22%, 62% { opacity: .5;
    text-shadow: none; }
  	63%, 64.5% { opacity: .60;
    text-shadow: 0 0 4px white; }
	}
/* PRICING END */



	
}





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

{

/* HEADER START */
:root { --ink: currentColor; --ink-2: #FF4FD8; --ink-3: #4FF8FF; }
.fx-synthwave { display: inline-block;
	padding: .42em .9em;
  	font: 800 45px/1.1 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  	letter-spacing: .12em;
  	text-transform: uppercase;
  	white-space: pre;
  	color: transparent;
    background: linear-gradient(180deg, #ffe9a8 0%, #ff8bd4 34%, #a44cff 62%, #2b1b6b 100%);
  	background-size: 100% 220%;
  	background-position: 0 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	filter: drop-shadow(0 0 10px #ff3ea5b3) drop-shadow(0 2px 0 #2b1b6b);
  	animation: fx-synthwave-sun 20s linear infinite;
	}
.fx-synthwave::before { content: '';
	position: absolute;
  	inset: 0;
  	z-index: 1;
  	pointer-events: none;
  	background: repeating-linear-gradient(180deg, #00000059 0 1px, transparent 1px 4px);
  	mix-blend-mode: multiply;
	}
.fx-synthwave::after { content: '';
	position: absolute;
  	left: 40%;
  	bottom: -120px;
  	width: 320px;
  	height: 250px;
  	margin-left: -200px;
  	pointer-events: none;
  	background: repeating-linear-gradient(90deg, #ff3ea577 0 1px, transparent 1px 40px),
    repeating-linear-gradient(0deg, #ff3ea577 0 1px, transparent 1px 22px);
    -webkit-mask-image: linear-gradient(180deg, #000, transparent 92%);
    mask-image: linear-gradient(180deg, #000, transparent 92%);
  	transform: perspective(140px) rotateX(74deg);
  	transform-origin: top center;
  	animation: fx-synthwave-grid 20s linear infinite;
	}
@keyframes fx-synthwave-sun {
	0% { background-position: 0 100%; }
  	50% { background-position: 0 62%; }
  	100% { background-position: 0 100%; }
	}
@keyframes fx-synthwave-grid {
	0% { transform: perspective(1040px) rotateX(74deg) translateY(0); opacity: .95; }
  	100% { transform: perspective(140px) rotateX(74deg) translateY(122px); opacity: .25; }
	}
@media (prefers-reduced-motion: reduce) { .fx-synthwave { animation: none; }
	.fx-synthwave::after { animation: none; }
	}
/* HEADER END */
	
/* SERVICES START */
.neon-text { color: #fff;
	font-size: 45px;
    text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    animation: glow 1.5s infinite alternate;
	}
@keyframes glow {
    0% { text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e; }
    100% { text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff, 0 0 40px #00d4ff, 0 0 80px #00d4ff, 0 0 160px #00d4ff; }
	}

.servicebox{ padding: 10px;
	margin-bottom: 50px;
	border: 13px ridge white;}
/* SERVICES END */
	
/* PORTFOLIO START */	
.cateh4 > span { text-transform: uppercase;
	font-weight: bold;
  	animation: glows 3.5s ease-in-out infinite;
	font-size: 45px;
	}
@keyframes glows { 0%, 100%
	{ 	color: white;
		text-shadow: 0 0 10px red,
		50px 0 50px #0652DD, 0 50px 100px yellow;
	}
    	10%, 90% { color:white;
		text-shadow: 5px 5px 20px black;
		}
	}
.cateh4  > span:nth-child(1) {	animation-delay: 0s;	}
.cateh4  > span:nth-child(2) {	animation-delay: 0.350s;}
.cateh4  > span:nth-child(3) {	animation-delay: 0.50s;	}
.cateh4  > span:nth-child(4) {	animation-delay: 0.75s;	}
.cateh4  > span:nth-child(5) {	animation-delay: 1s;	}
.cateh4  > span:nth-child(6) {	animation-delay: 1.25s;	}
.cateh4  > span:nth-child(7) {	animation-delay: 1.50s;	}
.cateh4  > span:nth-child(8) {	animation-delay: 1.75s;	}
.cateh4  > span:nth-child(9) {	animation-delay: 2s;	}
.cateh4  > span:nth-child(10) {	animation-delay: 2.25s;	}
.cateh4  > span:nth-child(11) {	animation-delay: 2.50s;	}
.cateh4  > span:nth-child(12) {	animation-delay: 2.75s;	}
	
.porftoliobox { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
	height: 200px;}
	
/* PORTFOLIO END */
	
/* PRICING START */
.fx-neon { color: white;
  	animation: fx-neon 3.2s linear infinite;
	font-size: 40px;
	}
@keyframes fx-neon { 0%, 18%, 21%, 24%, 100% {
    opacity: 5;
    text-shadow: 0 0 4px #FF4FD8, 0 0 11px #FF4FD8, 0 0 24px #FF4FD8, 0 0 48px #FF4FD8; }
  	19%, 22%, 62% { opacity: .5;
    text-shadow: none; }
  	63%, 64.5% { opacity: .60;
    text-shadow: 0 0 4px white; }
	}
/* PRICING END */
	

	
}





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

/* HEADER START */
:root { --ink: currentColor; --ink-2: #FF4FD8; --ink-3: #4FF8FF; }
.fx-synthwave { display: inline-block;
	padding: .42em .9em;
  	font: 800 40px/1.1 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  	letter-spacing: .12em;
  	text-transform: uppercase;
  	white-space: pre;
  	color: transparent;
    background: linear-gradient(180deg, #ffe9a8 0%, #ff8bd4 34%, #a44cff 62%, #2b1b6b 100%);
  	background-size: 100% 220%;
  	background-position: 0 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	filter: drop-shadow(0 0 10px #ff3ea5b3) drop-shadow(0 2px 0 #2b1b6b);
  	animation: fx-synthwave-sun 20s linear infinite;
	}
.fx-synthwave::before { content: '';
	position: absolute;
  	inset: 0;
  	z-index: 1;
  	pointer-events: none;
  	background: repeating-linear-gradient(180deg, #00000059 0 1px, transparent 1px 4px);
  	mix-blend-mode: multiply;
	}
.fx-synthwave::after { content: '';
	position: absolute;
  	left: 50%;
  	bottom: -220px;
  	width: 320px;
  	height: 250px;
  	margin-left: -200px;
  	pointer-events: none;
  	background: repeating-linear-gradient(90deg, #ff3ea577 0 1px, transparent 1px 40px),
    repeating-linear-gradient(0deg, #ff3ea577 0 1px, transparent 1px 22px);
    -webkit-mask-image: linear-gradient(180deg, #000, transparent 92%);
    mask-image: linear-gradient(180deg, #000, transparent 92%);
  	transform: perspective(140px) rotateX(74deg);
  	transform-origin: top center;
  	animation: fx-synthwave-grid 20s linear infinite;
	}
@keyframes fx-synthwave-sun {
	0% { background-position: 0 100%; }
  	50% { background-position: 0 62%; }
  	100% { background-position: 0 100%; }
	}
@keyframes fx-synthwave-grid {
	0% { transform: perspective(1040px) rotateX(74deg) translateY(0); opacity: .95; }
  	100% { transform: perspective(140px) rotateX(74deg) translateY(122px); opacity: .25; }
	}
@media (prefers-reduced-motion: reduce) { .fx-synthwave { animation: none; }
	.fx-synthwave::after { animation: none; }
	}
/* HEADER END */
	
/* SERVICES START */
.neon-text { color: #fff;
	font-size: 45px;
    text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    animation: glow 1.5s infinite alternate;
	}
@keyframes glow {
    0% { text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e; }
    100% { text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff, 0 0 40px #00d4ff, 0 0 80px #00d4ff, 0 0 160px #00d4ff; }
	}

.servicebox{ padding: 10px;
	margin-bottom: 50px;
	border: 13px ridge white;}

/* SERVICES END */
	
/* PORTFOLIO START */	
.cateh4 > span { text-transform: uppercase;
	font-weight: bold;
  	animation: glows 3.5s ease-in-out infinite;
	font-size: 45px;
	}
@keyframes glows { 0%, 100%
	{ 	color: white;
		text-shadow: 0 0 10px red,
		50px 0 50px #0652DD, 0 50px 100px yellow;
	}
    	10%, 90% { color:white;
		text-shadow: 5px 5px 20px black;
		}
	}
.cateh4  > span:nth-child(1) {	animation-delay: 0s;	}
.cateh4  > span:nth-child(2) {	animation-delay: 0.350s;}
.cateh4  > span:nth-child(3) {	animation-delay: 0.50s;	}
.cateh4  > span:nth-child(4) {	animation-delay: 0.75s;	}
.cateh4  > span:nth-child(5) {	animation-delay: 1s;	}
.cateh4  > span:nth-child(6) {	animation-delay: 1.25s;	}
.cateh4  > span:nth-child(7) {	animation-delay: 1.50s;	}
.cateh4  > span:nth-child(8) {	animation-delay: 1.75s;	}
.cateh4  > span:nth-child(9) {	animation-delay: 2s;	}
.cateh4  > span:nth-child(10) {	animation-delay: 2.25s;	}
.cateh4  > span:nth-child(11) {	animation-delay: 2.50s;	}
.cateh4  > span:nth-child(12) {	animation-delay: 2.75s;	}
	
.porftoliobox { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
	height: 200px;}
/* PORTFOLIO END */	
	
/* PRICING START */
.fx-neon { color: white;
  	animation: fx-neon 3.2s linear infinite;
	font-size: 40px;
	}
@keyframes fx-neon { 0%, 18%, 21%, 24%, 100% {
    opacity: 5;
    text-shadow: 0 0 4px #FF4FD8, 0 0 11px #FF4FD8, 0 0 24px #FF4FD8, 0 0 48px #FF4FD8; }
  	19%, 22%, 62% { opacity: .5;
    text-shadow: none; }
  	63%, 64.5% { opacity: .60;
    text-shadow: 0 0 4px white; }
	}
/* PRICING END */
	
	
}