styles.css {
     font-family: 'Arial', sans-serif;
     color: #333;
     background-color: #f4f4f4;
     margin: 0;
     padding: 20px;
 }

 .resume-header {
     padding: 20px;
     width: auto;
     border-radius: 5px;
     align-content: center;
 }

 .candidate-image {
     width: 120px;
     height: 120px;
     border-radius: 50%;
     border: 4px solid #3498db;
 }

 .candidate-name {
     color: #000000;
     font-size: 2.5em;
     margin-bottom: 5px;
     font-weight: 700;
     letter-spacing: 1px;
     font-family: 'Arial', sans-serif;
     font-weight: 700;
     font-size: 2.5em;
 }

 .candidate-title {
     color: #000000;
     font-family: 'Arial', sans-serif;
     font-size: 1.3em;
     font-weight: 200;
     letter-spacing: 2px;
 }

 h2 {
     color: #3498db;
     font-size: 1.8em;
     font-weight: 700;
 }


 .contact-details {
     padding: 20px;
     width: auto;
     border-radius: 5px;
     align-content: center;
     margin: 0%;
 }

 .education-detail {
     padding: 20px;
     width: auto;
     border-radius: 5px;
     align-content: center;
 }

 .skills-detail {
     padding: 20px;
     width: auto;
     border-radius: 5px;
     align-content: center;
 }

.experience-table {
     margin: 20px 0px;
}



 /* Responsive adjustment for smaller screens 
@media (max-width: 600px) {
    .resume-header {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    } 
    
    .resume-header-image {
        width: 100px;
        height: 100px;
    }
} */