Create style.css

style.css

@@ -0,0 +1,97 @@
+/* Reset basic styles for consistency */
+body {
+  margin: 0;
+  padding: 0;
+  font-family: sans-serif;
+}
+
+/* Header styles */
+header {
+  padding: 20px;
+  background-color: #f2f2f2; /* Light gray background */
+}
+
+.contact-info {
+  list-style: none;
+  padding: 0;
+}
+
+.contact-info li {
+  display: inline-block;
+  margin-right: 10px;
+}
+
+.contact-info i {
+  font-size: 16px;
+  margin-right: 5px;
+}
+
+/* Summary styles */
+.summary {
+  padding: 20px;
+  border-bottom: 1px solid #ddd;
+}
+
+/* Key competencies styles */
+.key-competencies {
+  padding: 20px;
+}
+
+.key-competencies ul {
+  padding: 0;
+  list-style: none;
+}
+
+.key-competencies h3 {
+  margin-bottom: 5px;
+}
+
+/* Work experience styles */
+.work-experience {
+  padding: 20px;
+}
+
+.work-experience ul {
+  padding: 0;
+  list-style: none;
+}
+
+.work-experience li {
+  margin-bottom: 15px;
+}
+
+/* Education styles */
+.education {
+  padding: 20px;
+}
+
+.education ul {
+  padding: 0;
+  list-style: none;
+}
+
+/* Skills styles */
+.skills {
+  padding: 20px;
+}
+
+.skills ul {
+  padding: 0;
+  list-style: none;
+}
+
+.skills li {
+  margin-bottom: 5px;
+}
+
+/* Footer styles */
+footer {
+  text-align: center;
+  padding: 10px;
+  background-color: #eee;
+}
+
+/* Optional media queries for responsiveness */
+@media (max-width: 768px) {
+  /* Adjust styles for smaller screens */
+}