diff options
| author | Aldrik Ramaekers <aldrik@mailbox.org> | 2025-12-05 22:07:23 +0100 |
|---|---|---|
| committer | Aldrik Ramaekers <aldrik@mailbox.org> | 2025-12-05 22:07:23 +0100 |
| commit | 183ac879a0ee74d7bdfabb11c51a29e4a64f1e7f (patch) | |
| tree | 91527955a60919f0d1252c5546f7f05d3e2ee733 /main.css | |
Diffstat (limited to 'main.css')
| -rw-r--r-- | main.css | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/main.css b/main.css new file mode 100644 index 00000000..168ba134 --- /dev/null +++ b/main.css @@ -0,0 +1,54 @@ + h1,h2,h3,h4,h5 { text-align: center } + .navbar { + display: block; + margin-left: auto; + margin-right: auto + } + h3 { + margin: 0; + padding: 0; + } + body { + height: 100vh; + justify-content: center; + align-items: center; + margin: 0; + } + .navbar ul { + list-style-type: none; + text-align: center; + padding: 0; + display: flex; + width: 600px; + margin: auto; + } + a,a:active,a:hover { + color: black; + } + + + a::before { + content: '>'; + margin-right: 5px; /* Space between > and link text */ + opacity: 0; /* Initially hidden */ + transition: opacity 0.0s; /* Smooth transition */ + } + + a::after { + content: '<'; + margin-left: 5px; /* Space between link text and < */ + opacity: 0; /* Initially hidden */ + transition: opacity 0.0s; /* Smooth transition */ + } + + a:hover::before, + a:hover::after { + opacity: 1; /* Show on hover */ + } + + .navbar ul>li { + flex: 1; + } + .navbar a,.navbar a:hover,.navbar a:active { + color: black; + }
\ No newline at end of file |