diff --git a/assets/img/haruma.png b/assets/img/haruma.png new file mode 100644 index 0000000..f26d457 Binary files /dev/null and b/assets/img/haruma.png differ diff --git a/assets/main.css b/assets/main.css index 694ebb8..c08fdc8 100644 --- a/assets/main.css +++ b/assets/main.css @@ -116,19 +116,23 @@ main { animation-fill-mode: forwards; } -.bnwOnHover:hover { - transition-duration: .4s; - filter: grayscale(100%); -} - .menuEntry { + display: inline-block; + width: 200; margin-bottom: 10px; margin-top: 10px; + gap: 10px; +} + +.menuEntry > img { + background-color: black; } .menuEntry:hover { - transition-duration: 0.4s; - background-color: #070707; + animation: alternate .4s fly; + animation-fill-mode: forwards; + background-color: #171717; + gap: 4px; } .menuEntryColor { @@ -140,8 +144,8 @@ main { } .menuEntry:hover > img { - animation: alternate .4s fly; - animation-fill-mode: forwards; + filter: grayscale(100%) invert(); + border-color: gray; } diff --git a/index.html b/index.html index 0af5414..acb1f65 100644 --- a/index.html +++ b/index.html @@ -16,12 +16,11 @@

Home

-