body {
            font-family: Arial, sans-serif;
            max-width: 800px;
            margin: 50px auto;
            padding: 20px;
            background-color: #f5f5f5;
        }
        
      
        
        .project-list {
            background-color: white;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        
        .project-list ul {
            list-style-type: none;
            padding: 0;
        }
        
        .project-list li {
            margin: 15px 0;
            padding: 15px;
            background-color: #f9f9f9;
            border-left: 4px solid #4CAF50;
            transition: transform 0.2s;
        }
        
        .project-list li:hover {
            transform: translateX(5px);
            background-color: #e8f5e9;
        }
        
        .project-list a {
            color: #2196F3;
            text-decoration: none;
            font-size: 18px;
            font-weight: bold;
        }
        
        .project-list a:hover {
            color: #0b7dda;
            text-decoration: underline;
        }