404 - Page Not Found | MegaCompu
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ['"Space Grotesk"', 'sans-serif'],
},
colors: {
blurple: '#4C1D95',
vivid: '#3B82F6',
mint: '#2DD4BF',
darkbg: '#0F172A',
surface: '#1E293B',
},
animation: {
'float': 'float 6s ease-in-out infinite',
'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',
},
keyframes: {
float: {
'0%, 100%': { transform: 'translateY(0)' },
'50%': { transform: 'translateY(-20px)' },
}
}
}
}
}
/* Glitch Effect for the 404 Text */
.glitch-text {
position: relative;
}
.glitch-text::before,
.glitch-text::after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0F172A; /* Matches bg-darkbg */
}
.glitch-text::before {
left: 2px;
text-shadow: -1px 0 #2DD4BF; /* Mint */
clip: rect(24px, 550px, 90px, 0);
animation: glitch-anim-2 3s infinite linear alternate-reverse;
}
.glitch-text::after {
left: -2px;
text-shadow: -1px 0 #3B82F6; /* Vivid */
clip: rect(85px, 550px, 140px, 0);
animation: glitch-anim 2.5s infinite linear alternate-reverse;
}
@keyframes glitch-anim {
0% { clip: rect(14px, 9999px, 122px, 0); }
5% { clip: rect(87px, 9999px, 89px, 0); }
10% { clip: rect(22px, 9999px, 2px, 0); }
15% { clip: rect(61px, 9999px, 107px, 0); }
20% { clip: rect(117px, 9999px, 17px, 0); }
25% { clip: rect(44px, 9999px, 98px, 0); }
30% { clip: rect(82px, 9999px, 126px, 0); }
35% { clip: rect(13px, 9999px, 55px, 0); }
40% { clip: rect(101px, 9999px, 7px, 0); }
45% { clip: rect(32px, 9999px, 116px, 0); }
50% { clip: rect(66px, 9999px, 34px, 0); }
55% { clip: rect(122px, 9999px, 69px, 0); }
60% { clip: rect(19px, 9999px, 101px, 0); }
65% { clip: rect(93px, 9999px, 12px, 0); }
70% { clip: rect(51px, 9999px, 137px, 0); }
75% { clip: rect(8px, 9999px, 46px, 0); }
80% { clip: rect(136px, 9999px, 82px, 0); }
85% { clip: rect(29px, 9999px, 108px, 0); }
90% { clip: rect(74px, 9999px, 22px, 0); }
95% { clip: rect(111px, 9999px, 59px, 0); }
100% { clip: rect(47px, 9999px, 91px, 0); }
}
@keyframes glitch-anim-2 {
0% { clip: rect(129px, 9999px, 36px, 0); }
5% { clip: rect(23px, 9999px, 105px, 0); }
10% { clip: rect(96px, 9999px, 12px, 0); }
15% { clip: rect(54px, 9999px, 78px, 0); }
20% { clip: rect(11px, 9999px, 139px, 0); }
25% { clip: rect(88px, 9999px, 42px, 0); }
30% { clip: rect(144px, 9999px, 95px, 0); }
35% { clip: rect(37px, 9999px, 18px, 0); }
40% { clip: rect(115px, 9999px, 63px, 0); }
45% { clip: rect(69px, 9999px, 112px, 0); }
50% { clip: rect(27px, 9999px, 86px, 0); }
55% { clip: rect(102px, 9999px, 49px, 0); }
60% { clip: rect(58px, 9999px, 126px, 0); }
65% { clip: rect(135px, 9999px, 7px, 0); }
70% { clip: rect(41px, 9999px, 99px, 0); }
75% { clip: rect(97px, 9999px, 33px, 0); }
80% { clip: rect(18px, 9999px, 118px, 0); }
85% { clip: rect(76px, 9999px, 66px, 0); }
90% { clip: rect(124px, 9999px, 24px, 0); }
95% { clip: rect(48px, 9999px, 89px, 0); }
100% { clip: rect(109px, 9999px, 52px, 0); }
}
Connection Lost in Cyberspace
The page you are looking for seems to have been disconnected or moved to a different server. Let's get you back online.
.bt-sticky-header.sticky-style-shrink .site-header-responsive {
display: none !important;}
.py-20 {
background-color: #0F172A !important;}
