diff --git a/index.html b/index.html index a415d80..1dd92cb 100644 --- a/index.html +++ b/index.html @@ -18,7 +18,7 @@ header { background-color: #383d3d; padding: 30px; - text-align: center; /* Corrected property */ + text-align: center; font-size: 35px; color: white; } @@ -26,8 +26,8 @@ nav { float: left; width: 20%; - height: 700px; /* Added 'px' */ - background: #000000; + height: 700px; + background: #001f3f; /* Deep blue color */ padding: 30px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Added box shadow for depth */ } @@ -37,6 +37,20 @@ padding: 0; } + a button { + display: block; + margin: 10px 0; + padding: 10px; + background-color: #001f3f; /* Deep blue color */ + color: white; + border: none; + cursor: pointer; + opacity: 0.8; + text-decoration: none; /* Remove underline */ + width: 100%; /* Make buttons full width */ + text-align: left; /* Align text to the left */ + } + article { float: right; padding: 20px; @@ -66,19 +80,6 @@ text-align: center; /* Centered text */ } - /* Added style for buttons */ - a button { - display: block; - margin: 10px 0; - padding: 10px; - background-color: #555; - color: white; - border: none; - cursor: pointer; - opacity: 0.8; - text-decoration: none; /* Remove underline */ - } - /* Added style for the footer */ .footer { background-color: #383d3d; @@ -99,6 +100,14 @@