|
6 | 6 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
7 | 7 | <title>404 — DMU Hackers</title> |
8 | 8 | <meta name="robots" content="noindex"> |
| 9 | + <link rel="icon" href="favicon.ico" type="image/x-icon"> |
9 | 10 | <link rel="preconnect" href="https://fonts.googleapis.com"> |
10 | 11 | <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
11 | 12 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> |
12 | 13 | <link rel="stylesheet" href="css/main.css"> |
13 | 14 | <style> |
14 | | - body { overflow: hidden; } |
| 15 | + body { overflow-x: hidden; } |
15 | 16 |
|
16 | 17 | .error-page { |
17 | 18 | position: relative; |
|
26 | 27 | position: absolute; |
27 | 28 | inset: 0; |
28 | 29 | background: |
29 | | - radial-gradient(ellipse 60% 50% at 50% 30%, rgba(200, 16, 46, .1) 0%, transparent 60%), |
30 | | - linear-gradient(rgba(200, 16, 46, 0.025) 1px, transparent 1px), |
31 | | - linear-gradient(90deg, rgba(200, 16, 46, 0.025) 1px, transparent 1px); |
32 | | - background-size: 100% 100%, 48px 48px, 48px 48px; |
| 30 | + radial-gradient(ellipse 60% 50% at 50% 30%, rgba(200, 16, 46, .12) 0%, transparent 60%), |
| 31 | + radial-gradient(ellipse 30% 30% at 80% 70%, rgba(0, 228, 255, .04) 0%, transparent 50%), |
| 32 | + linear-gradient(rgba(200, 16, 46, 0.02) 1px, transparent 1px), |
| 33 | + linear-gradient(90deg, rgba(200, 16, 46, 0.02) 1px, transparent 1px); |
| 34 | + background-size: 100% 100%, 100% 100%, 48px 48px, 48px 48px; |
33 | 35 | pointer-events: none; |
34 | 36 | animation: heroBreathe 10s ease-in-out infinite; |
35 | 37 | } |
|
112 | 114 | color: var(--accent); |
113 | 115 | } |
114 | 116 |
|
115 | | - .error-page__terminal p:nth-child(1) { animation-delay: .4s; } |
116 | | - .error-page__terminal p:nth-child(2) { animation-delay: .8s; } |
117 | | - .error-page__terminal p:nth-child(3) { animation-delay: 1.3s; } |
118 | | - .error-page__terminal p:nth-child(4) { animation-delay: 1.7s; } |
| 117 | + .error-page__terminal p:nth-child(1) { animation-delay: .2s; } |
| 118 | + .error-page__terminal p:nth-child(2) { animation-delay: .4s; } |
| 119 | + .error-page__terminal p:nth-child(3) { animation-delay: .7s; } |
| 120 | + .error-page__terminal p:nth-child(4) { animation-delay: .9s; } |
119 | 121 |
|
120 | 122 | @keyframes terminalReveal { |
121 | 123 | from { opacity: 0; transform: translateX(-8px); } |
|
129 | 131 | justify-content: center; |
130 | 132 | flex-wrap: wrap; |
131 | 133 | opacity: 0; |
132 | | - animation: terminalReveal .4s ease 2.2s forwards; |
| 134 | + animation: terminalReveal .4s ease 1.2s forwards; |
133 | 135 | } |
134 | 136 |
|
135 | 137 | /* Blinking cursor */ |
|
0 commit comments