.modal-content {
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        
        .modal-header {
            background: linear-gradient(125deg, #FF7700, #f4bd30);
            color: white;
            border-bottom: none;
            padding: 2px 15px;
        }
        
        .modal-body {
            padding: 15px;
        }
        
        .dev-card {
            display: flex;
            background: #f8f9fa;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            margin-bottom: 10px;
        }
        
        .dev-image {
            width: 180px;
            height: auto;
            object-fit: cover;
            transform: scalex(-1);
        }
        
        .dev-content {
            padding: 5px;
            flex: 1;
        }
        
        .dev-title {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 5px;
            color: #333;
        }
        
        .dev-text {
            font-size: 1rem;
            color: #555;
            margin-bottom: 10px;
            line-height: 1.3;
        }
        
        .modal-footer {
			background: linear-gradient(125deg, #f4bd30, #FF7700);
            border-top: none;
            padding: 5px 5px;
            background-color: #f8f9fa;
			text-align: center;
            color: white;
            font-weight: 500;
        }

        .skill-icon {
            margin-right: 10px;
            color: #fdb50d;
        }