From 927d6f4a7bbf3e11a563eec62f51037a31cd658f Mon Sep 17 00:00:00 2001 From: ANIRUDDHA ADAK Date: Tue, 22 Oct 2024 21:02:41 +0530 Subject: [PATCH] Update style.css --- style.css | 32 +++++++++++++++++++++++++++----- 1 file changed, 27 insertions(+), 5 deletions(-) diff --git a/style.css b/style.css index 88f1852..60b992b 100644 --- a/style.css +++ b/style.css @@ -1,6 +1,28 @@ body { - background-color: antiquewhite; - font-family: Arial, Helvetica, sans-serif; - font-weight: bold; - text-align: center; -} \ No newline at end of file + margin: 0; + font-family: Arial, sans-serif; +} + +.navbar { + background-color: #161932; /* Navbar background color */ + display: flex; + justify-content: center; /* Center align buttons */ + padding: 20px; /* Space around the navbar */ +} + +.nav-button { + background-color: transparent; /* No background for buttons */ + color: #565B76; /* Text color */ + border: 2px solid #565B76; /* Border color */ + border-radius: 20px; /* Rounded corners */ + padding: 10px 20px; /* Space inside buttons */ + margin: 0 10px; /* Space between buttons */ + font-size: 16px; /* Button text size */ + cursor: pointer; /* Pointer cursor on hover */ + transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */ +} + +.nav-button:hover { + background-color: #F87070; /* Hover background color */ + color: white; /* Change text color on hover */ +}