body {
      font-family: 'Segoe UI', sans-serif;
      margin: 0;
      padding: 0;
      background: #f7f7f7;
      color: #333;
    }
    header {
      background: #24292e;
      color: white;
      padding: 1rem 2rem;
      text-align: center;
    }
    nav a {
      margin: 0 10px;
      color: #61dafb;
      text-decoration: none;
    }
    .container {
      padding: 2rem;
      max-width: 960px;
      margin: auto;
    }
    h2 {
      border-bottom: 2px solid #ccc;
      padding-bottom: 5px;
    }
    .projects a {
      display: block;
      margin-bottom: 8px;
      color: #0366d6;
    }
    footer {
      background: #24292e;
      color: #ccc;
      text-align: center;
      padding: 1rem;
      margin-top: 2rem;
    }
    #contact{
        text-align: center;
    }
    .row{
        display: flex;
    }
    .img{
        border-radius: 25%;
        width:250px;
        height:250px;
        margin-top:10% ;
      
    }