diff --git a/style.css b/style.css index e2115a3f..46a184ce 100644 --- a/style.css +++ b/style.css @@ -356,14 +356,14 @@ input:checked + .slider:before { } nav { - height: 50px; + height: 40px; display: flex; align-items: center; } nav ul { display: flex; flex-direction: row; - height: 50px; + height: 40px; align-items: center; } nav ul li { @@ -387,7 +387,7 @@ nav ul li a { } nav ul li a:hover { color: #e00999; - transform: scale(1.18); + transform: scale(1.08); } nav ul { list-style-type: none; @@ -398,7 +398,7 @@ nav ul { nav ul li { display: inline-block; position: relative; - margin: 0 15px; + margin: 0 10px; align-content: center; } @@ -426,9 +426,9 @@ nav ul li:not(.login) a:hover::after { nav ul li.login { background: linear-gradient(to right, #fb5283, #ff3527); - height: 24px; + height: 20px; border-radius: 20px; - padding: 4px 18px; + padding: 4px 22px; cursor: pointer; transition: all 0.5s ease; } @@ -442,14 +442,14 @@ nav ul li.login a { nav ul li.login:hover { color: #fff; - transform: scale(1.08); + transform: scale(1.06); } .row { display: flex; justify-content: space-between; align-items: center; - margin: 120px 0; + margin: 80px 0; } .col-1 { @@ -507,25 +507,6 @@ button { background: linear-gradient(to right, #ff3527, #fb5283, #ffd700); transition: background 0.3s ease-in-out; } -#buy-btn { - display: flex; /* Use flexbox for alignment */ - align-items: center; /* Center align items vertically */ - justify-content: center; /* Center align items horizontally */ - width: 140px; /* Initial width */ - padding: 10px; /* Initial padding */ - background-color: #4caf50; /* Button background color */ - color: white; /* Text color */ - border: none; /* No border */ - border-radius: 5px; /* Rounded corners */ - transition: width 0.3s ease-in-out, padding 0.3s ease-in-out, - background-color 0.3s ease-in-out; /* Transition for background color */ -} - -#buy-btn:hover { - width: 160px; /* Increased width on hover */ - padding: 12px; /* Increased padding on hover */ - background-color: #45a049; /* Darker green on hover */ -} #buy-btn img { width: 30px; /* Icon size */