diff --git a/CSS /styles.css b/CSS /styles.css index 2f99029..3737985 100644 --- a/CSS /styles.css +++ b/CSS /styles.css @@ -1,78 +1,130 @@ -/* General Styling */ -body { - font-family: 'Arial', sans-serif; - line-height: 1.6; +/* General Reset */ +* { margin: 0; padding: 0; - background-color: #f4f4f4; + box-sizing: border-box; +} + +/* Body Styling */ +body { + font-family: 'Roboto', sans-serif; + background-color: #f4f4f9; color: #333; + line-height: 1.6; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + min-height: 100vh; + padding: 20px; } /* Header Styling */ header { - background: #4e54c8; + background-color: #1f3f95; color: #fff; - padding: 20px; + width: 100%; + padding: 20px 0; text-align: center; - border-bottom: 5px solid #00b4d8; + border-radius: 8px 8px 0 0; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } header h1 { - margin: 0; font-size: 2.5em; + margin-bottom: 5px; } header p { - margin: 5px 0; - font-size: 1.2em; + font-size: 1.1em; + margin-bottom: 10px; } header a { - color: #00b4d8; + color: #ffd700; text-decoration: none; + font-weight: bold; } header a:hover { text-decoration: underline; } -/* Section Styling */ +/* Main Section Styling */ section { - padding: 20px; - margin: 20px auto; + background-color: #fff; + width: 100%; max-width: 800px; - background: #fff; + padding: 20px; + margin-bottom: 20px; border-radius: 8px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } section h2 { - color: #4e54c8; - margin-bottom: 20px; + color: #1f3f95; + margin-bottom: 15px; font-size: 1.8em; - border-bottom: 2px solid #00b4d8; + border-bottom: 2px solid #ffd700; padding-bottom: 10px; } -/* List Styling */ -ul { +/* Education Section Styling */ +#education p { + margin-bottom: 10px; +} + +#education strong { + color: #1f3f95; +} + +/* Skills Section Styling */ +#skills ul { list-style-type: none; padding: 0; + margin: 0; } -ul li { - background: #e0e0e0; - margin: 5px 0; +#skills li { + background-color: #e9ecef; + color: #1f3f95; padding: 10px; + margin-bottom: 8px; border-radius: 5px; + display: flex; + align-items: center; +} + +#skills li:before { + content: '✔️'; + margin-right: 10px; +} + +/* Experience Section Styling */ +#experience p { + margin-bottom: 10px; +} + +#experience strong { + color: #1f3f95; +} + +/* Projects Section Styling */ +#projects ul { + list-style-type: none; + padding: 0; +} + +#projects li { + margin-bottom: 10px; } -/* Link Styling */ -a { - color: #4e54c8; +#projects a { + color: #1f3f95; text-decoration: none; + font-weight: bold; } -a:hover { +#projects a:hover { text-decoration: underline; }