body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background-color: #f9f9f9;
      color: #333;
      margin: 0;
      padding: 0;
  }

  header,
  section {
      padding: 40px 80px;
  }

  h1 {
      text-align: center;
      margin-bottom: 30px;
      color: #00897b;
      font-size: 32px;
      margin-top: 0;
      /* text-decoration: underline; */
  }

  p {
      margin-bottom: 15px;
  }

  /* Nav-section */
  nav {
      background-color: #00897b;
      padding: 12px 0;
      position: sticky;
      top: 0;
      z-index: 100;
  }

  nav ul {
      display: flex;
      justify-content: center;
      list-style: none;
      margin: 0;
      padding: 0;
  }

  nav ul li {
      margin: 0 18px;
  }

  nav ul li a {
      color: white;
      text-decoration: none;
      font-weight: 500;
      font-size: 16px;
      transition: color 0.3s ease;
  }

  nav ul li a:hover {
      color: #a4e9e2;
  }

  /* home-section */
  .home-box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 30px;
      gap: 30px;
      flex-wrap: wrap;
  }

  .home-text h2 {
      font-size: 36px;
      color: #00897b;
      margin: 10px 0;

  }

  .home-text h3 {
      margin-bottom: 20px;
      font-size: 18px;

  }

  .home-text a {
      display: inline-block;
      margin-top: 15px;
      padding: 10px 20px;
      background-color: #00897b;
      color: white;
      text-decoration: none;
      border-radius: 5px;
      font-size: 16px;
      transition: background 0.3s ease;
  }

  .home-text a:hover {
      background-color: #00695c;
  }

  .home-image img {
      border-radius: 10px;
      max-width: 300px;
      height: auto;
  }

  /* skills-section */

  table {
      border-collapse: collapse;
      width: 60%;
      margin: 40px auto;
  }

  table,
  th,
  td {
      border: 1px solid #ccc;
  }

  th,
  td {
      padding: 10px;
      text-align: left;
      font-size: 15px;
  }

  th {
      background-color: #00897b;
      color: white;
  }

  /* contact-section */

  form {
      padding: 20px;
      width: 50%;
      margin: 40px auto;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      background: white;
      border-radius: 8px;
  }

  input,
  textarea {
      width: 96%;
      padding: 10px;
      margin-top: 10px;
      margin-bottom: 15px;
      border-radius: 5px;
      border: 1px solid #ccc;
      font-size: 15px;
  }

  button {
      background-color: #00897b;
      color: white;
      border: none;
      cursor: pointer;
      width: 100%;
      padding: 10px;
      border-radius: 5px;
      font-size: 16px;
      transition: background 0.3s ease;
  }

  button:hover {
      background-color: #00695c;
  }

  /* footer-section */
  footer {
      background-color: #222;
      color: white;
      text-align: center;
      padding: 15px;
      font-size: 14px;
  }

  footer a {
      color: rgb(55, 55, 214);
      text-decoration: none;
  }

  footer a:hover {
      text-decoration: underline;
  }