body {
     font-family: sans-serif; 
     text-align: center;
      background-color: #f0f2f5; }
.gallery-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px;
            padding: 20px;
        }
.gallery-item {
            width: 150px;
            height: 250px;
            object-fit: cover;
            border-radius: 10px;
            cursor: pointer;
            transition: transform 0.2s;
            border: 3px solid white;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
.gallery-item:hover {
            transform: scale(1.05);
        }


         table {
           width: 60%;
           border-collapse: collapse;
           margin: 20px 0;
         }
    th, td {
      border: 1px solid #ddd;
      padding: 8px;
      text-align: left;
    }
    th {
      background-color: #f2f2f2;
      }
    button {
      background-color: #ff4d4d; 
      color: white; 
      border: none;
      padding: 5px 10px;
      cursor: pointer; 
      border-radius: 4px; 
    }

    button:hover { 
      background-color: #ff1a1a; 
                 }