styles.css added

app/Views/styles.css

@@ -1,13 +1,52 @@
-li{
-    font-family: Helvetica, Arial, serif;
-}
 
-.column{
-    flex:50%;
-    padding: 10px;
-    height: 300px;
-}
 
-.row{
+.experience-container {
     display: flex;
+    flex-direction: column;
+    gap: 10px;
+    max-width: 600px;
+    margin: 0 auto;
+    text-align: justify;
+}
+
+.experience-item {
+    background: #d72f2f;
+    padding: 10px;
+    border-radius: 5px;
+    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
+}
+
+.experience-item ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.experience-item li {
+    padding: 5px 0;
+    font-size: 16px;
+    font-weight: 500;
+    color: #333;
+}
+
+.experience-item .title {
+    font-weight: bold;
+    font-size: 18px;
+    color: #007bff;
+}
+
+.experience-item .company {
+    font-style: italic;
+    color: #555;
+}
+
+.experience-item .duration {
+    color: #777;
+    font-size: 14px;
+}
+
+.experience-item .description {
+    color: #444;
+    font-size: 15px;
+    margin-top: 5px;
 }