diff --git a/1.png b/1.png index 92e5434..b026c6d 100644 Binary files a/1.png and b/1.png differ diff --git a/about.html b/about.html index 933cc45..7375f66 100644 --- a/about.html +++ b/about.html @@ -19,7 +19,32 @@ background-repeat: no-repeat; background-size: 100%; background-attachment: fixed; - } + + } + /* Custom Scrollbar Styles */ +::-webkit-scrollbar { + width: 10px; + +} + +::-webkit-scrollbar-track { + background: #000; +} + +::-webkit-scrollbar-thumb { + background-color: #d61c1c; + border: 1px solid black; + border-radius: 10px; + transition: background-color 0.3s ease; +} + +::-webkit-scrollbar-thumb:hover { + outline: none; + border-color: red; + border-radius: 10px; + box-shadow: 0 0 10px darkred; +} + #homecontent { display: flex; diff --git a/style.css b/style.css index 5d3cd50..77e0a72 100644 --- a/style.css +++ b/style.css @@ -2,6 +2,7 @@ body { margin: 0; font-family: sans-serif; font-size: 10px; + overflow: hidden; } button { @@ -471,24 +472,6 @@ a { color: #fff; } -/* Custom Scrollbar Styles */ -::-webkit-scrollbar { - width: 8px; -} - -::-webkit-scrollbar-track { - background: #000; -} - -::-webkit-scrollbar-thumb { - background-color: #e82e2e; - border-radius: 10px; - transition: background-color 0.3s ease; -} - -::-webkit-scrollbar-thumb:hover { - background-color: rgb(216, 0, 0); -} @media (max-width: 425px){ .pop-up{ @@ -509,8 +492,6 @@ a { border-radius: 20px; } } - background-color: rgb(216, 0, 0); -} @media (max-width: 1024px) { @@ -653,3 +634,4 @@ a { #feedbackButton:hover { background-color: #ff3333; } +} \ No newline at end of file