.body {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    background-color: #e58b23;
    
   }
  
  .section{
   
    justify-content: center;
    background-color: #f3b3a6;
    font-family:Arial, Helvetica, sans-serif;
    padding: 100px;
    text-align: center;
    
  }

  
  
  .navbar{
    padding: 0px;
    font-size: 25px;
    position: fixed;
    width: 99%;
    background-color:#e13f3f;
    color:rgba(0, 0, 0, 0.1);
    gap: 40px;
   
  }
  
  .navbar ul {
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    list-style: none;
    display: flex;
    justify-content: right;
    gap: 40px;
  }

  
  .navbar a {
    text-decoration:underline;
    color:blue;
  }
  #home h1{
    
    color: brown;
  }

  #home h5{
    font-size: 1rem;
    
    color: #09043a;
    position: relative;
    white-space: nowrap;
    animation: move-text 1.5s linear infinite;
  }
 
  @keyframes move-text {
    0% {
      right: -3%; 
    }
    100% {
      right: 3%; 
    }
  }

  #cc{
    display: flex;
    justify-content:center;
    text-align: center; 
    gap: 150px; 
    
  }
  

  #about p{

    display: flex;
    justify-content: right;
    text-align: center;
    max-width: 600px;
  }

  #about h2{
    color: #0073b1;
  }

  #about img{
    display:flex;
    justify-content: center;
    
    
    width: 200px; 
    height: 200px;
    border-radius: 50%; 
    object-fit: cover; 
    border: 2px solid brown; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);   
  }

  #skills h2{
    color: #0073b1;
  }
  
  
  .skills-container {
    display: flex;
    justify-content: center;
    gap: 20px;
  
  }
  
  .card {
    background: #f4f4f4;
    border: 1px solid #ddd;
    padding: 20px;
    text-align: center;
    gap: 30px;
  }
  
  .card img {
    width: 50px;
  }
  
  #projects h2{
    color: blue;
  }

  .project-card {
    border: 1px solid #ddd;
    background-color: rgb(135, 136, 130);
    margin: 10px;
    padding: 10px;
  }
  
  .project-card img {
    width: 50%;
    height: auto;
  }
  
  
  #statistics h2{
    color: blue;
  }

  #statistics img {
    gap: 10px;
    width: 50%;
  }
  
  #statistics i{
    width:40px;
  }
  
  
  #contact a {
    display: inline-block;
    margin: 3px;
    color: #0073b1;
    text-decoration: none;
  }
  #contact h2{
    color: blue;
  }
  #contact p{
    font-size: 15px;
  }
  
  #resume h2{
    color: blue;
  }