diff --git a/index.html b/index.html index 4f8eb6f..f106a2a 100644 --- a/index.html +++ b/index.html @@ -30,52 +30,50 @@ .container { position: relative; - width: 0px; - height: 0px; } - .center-image { + .container>a { position: absolute; - width: 360px; - height: 360px; - left: -180px; - top: -180px; + transition: all 0.3s ease; border-radius: 50%; - transition: transform 0.3s ease; - object-fit: cover; - box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.8); + } + + .center-image { + width: 400px; + height: 400px; + left: -200px; + top: -200px; + box-shadow: 0px 0px 300px rgba(255, 255, 255, 0.8); + } + + .center-image img { + background-color: rgba(255, 255, 255, 0.2); } .center-image:hover { transform: scale(1.1); + box-shadow: 0px 0px 300px rgba(255, 255, 255, 1); } .link-item { - position: absolute; - width: 90px; - height: 90px; - border-radius: 50%; - transition: transform 0.3s ease; - overflow: hidden; - box-shadow: 0 0px 50px rgba(255, 255, 255, 0.5); + width: 100px; + height: 100px; + box-shadow: 0px 0px 100px rgba(0, 0, 0, 1); } .link-item:hover { - transform: scale(2); + transform: scale(1.8); + box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.8); } - .link-item>img { - position: absolute; + img { width: 100%; height: 100%; border-radius: 50%; - object-fit: cover; } .background { position: fixed; - top: 0; - left: 0; width: 100%; height: 100%; object-fit: cover; @@ -87,7 +85,7 @@
- +
diff --git a/media/avatar.png b/media/avatar.png index 0749184..518eac5 100644 Binary files a/media/avatar.png and b/media/avatar.png differ diff --git a/media/discord.png b/media/discord.png index 001ce22..92aefdf 100644 Binary files a/media/discord.png and b/media/discord.png differ diff --git a/media/github.png b/media/github.png index 05404a4..829c471 100644 Binary files a/media/github.png and b/media/github.png differ diff --git a/media/reddit.png b/media/reddit.png index d4ef047..da4e08b 100644 Binary files a/media/reddit.png and b/media/reddit.png differ diff --git a/media/steam.png b/media/steam.png index b716554..bb0f20c 100644 Binary files a/media/steam.png and b/media/steam.png differ diff --git a/media/telegram.png b/media/telegram.png index 05c861f..3ec56c9 100644 Binary files a/media/telegram.png and b/media/telegram.png differ diff --git a/media/tiktok.png b/media/tiktok.png index cf8c7b4..7b573a7 100644 Binary files a/media/tiktok.png and b/media/tiktok.png differ diff --git a/media/twitch.png b/media/twitch.png index db92f53..eb4601d 100644 Binary files a/media/twitch.png and b/media/twitch.png differ diff --git a/media/x.png b/media/x.png index d1d4155..2143ea7 100644 Binary files a/media/x.png and b/media/x.png differ diff --git a/media/youtube.png b/media/youtube.png index 37db98c..8a7030e 100644 Binary files a/media/youtube.png and b/media/youtube.png differ