diff options
| author | Alex Pooley (@zuedev) <zuedev@gmail.com> | 2025-12-01 00:45:09 +0000 |
|---|---|---|
| committer | Alex Pooley (@zuedev) <zuedev@gmail.com> | 2025-12-01 00:45:09 +0000 |
| commit | cbc17db44c18a19702938b3fe70ea3de81d326ea (patch) | |
| tree | c44ef96fc9e66ecb013e99b5d8e2dc8ce333ffc9 /projects/about/src/app/globals.css | |
| parent | 3ea515a495e54d63f4d16c1448eb09eba527e976 (diff) | |
| download | zue.dev-cbc17db44c18a19702938b3fe70ea3de81d326ea.tar zue.dev-cbc17db44c18a19702938b3fe70ea3de81d326ea.tar.gz zue.dev-cbc17db44c18a19702938b3fe70ea3de81d326ea.tar.bz2 zue.dev-cbc17db44c18a19702938b3fe70ea3de81d326ea.tar.xz zue.dev-cbc17db44c18a19702938b3fe70ea3de81d326ea.zip | |
make it work
Diffstat (limited to 'projects/about/src/app/globals.css')
| -rw-r--r-- | projects/about/src/app/globals.css | 101 |
1 files changed, 0 insertions, 101 deletions
diff --git a/projects/about/src/app/globals.css b/projects/about/src/app/globals.css deleted file mode 100644 index 404fef7..0000000 --- a/projects/about/src/app/globals.css +++ /dev/null @@ -1,101 +0,0 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; - -/* set default font */ -html { - font-family: "Monaspace Neon"; - font-feature-settings: "calt", "ss01", "ss02", "ss03", "ss04", "ss05", "ss06", - "ss07", "ss08", "ss09", "liga"; -} - -/* hide scrollbar */ -::-webkit-scrollbar { - display: none; -} - -/* make text pan :3 */ -pan { - background: linear-gradient( - 45deg, - #ff1b8d 33%, - #ffd800 33%, - #ffd800 66%, - #21b1ff 66% - ); - background-clip: text; - -webkit-text-fill-color: transparent; -} - -/* RAVE!!! */ -.rave { - background: red; - animation: raveBackgroundAnimation 1s linear infinite; -} - -@keyframes raveBackgroundAnimation { - 0% { - background-color: red; - } - 16.666% { - background-color: orange; - } - 33.333% { - background-color: yellow; - } - 50% { - background-color: green; - } - 66.666% { - background-color: blue; - } - 83.333% { - background-color: indigo; - } - 100% { - background-color: violet; - } -} - -.rave > * { - background: black; - background-clip: text; - -webkit-text-fill-color: transparent; - animation: raveBackgroundTextAnimation 1s linear infinite; -} - -@keyframes raveBackgroundTextAnimation { - 0% { - background-color: black; - } - 16.666% { - background-color: black; - } - 33.333% { - background-color: black; - } - 50% { - background-color: white; - } - 66.666% { - background-color: white; - } - 83.333% { - background-color: white; - } - 100% { - background-color: black; - } -} - -/* page fade in */ -body { - opacity: 0; - animation: fadeIn 1s ease-in-out forwards; -} - -@keyframes fadeIn { - to { - opacity: 1; - } -} |
