style.css

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
  }
  
  /* Header Styling */
  .header {
    background-color: #8b6666;
    color: #fff;
    padding: 20px;
  }
  
  /* Introduction Section Styling */
  .introduction {
    background-color: #996767;
    padding: 20px;
    margin: 20px 0;
  }
  
  /* Skills Section Styling */
  .skills {
    padding: 20px;
    margin-bottom: 20px;
  }
  
  .skills ul {
    list-style-type: none;
    padding: 0;
  }
  
  .skills li {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
  }
  
  /* Contact Section Styling */
  .contact {
    background-color: #333;
    color: #fff;
    padding: 20px;
  }
  
  .contact a {
    color: #fff;
    text-decoration: none;
    margin-right: 20px;
  }
  
  /* Media Queries for Responsive Design */
  @media (max-width: 768px) {
    .header, .introduction, .skills, .contact {
      padding: 10px;
    }
  }