.center-table {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: flex;
    /* background-color: rgba(255, 255, 255, 0.25); */
}

.center-table td {
    padding: 5px;
}

.center-table td h4{
    font-family: 'latoreg';
    color: black;
    font-size: medium;
}

.center-table td a{
    text-decoration: none;
}

.center-table td a h4{
    color: rgba(0, 0, 0, 0.75);
    text-align: center; 
    z-index: 1; 
    text-shadow: 0px 0px 10px rgb(33, 33, 33, 1);
}

/* Table */

.tcHead4{
    text-align: center;
    font-family: 'latoblack';
    font-size: larger;
    color: black;
}

.tContainer{
overflow-x: hidden;
width: fit-content;
height: auto;
/* background-color: rgba(0, 0, 0, 0.25); */
background-color: rgba(0, 0, 0, 0);
margin-left: auto;
margin-right: auto;
}

.tContainerS{
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    width: 1080px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.25);
    margin-left: auto;
    margin-right: auto;
}

.center-table {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: flex;
    /* background-color: rgba(255, 255, 255, 0.25); */
    }


/* Gallery Container */
.gContainer1{
overflow: hidden;
height: 250px;
width: 250px;
background-color: rgba(0, 0, 0, 0.25);
position: static;
}

.gContainer1:hover{
height: 300px;
width: 300px;
transition: all ease-in-out .5s ;
background-color: rgba(255, 255, 255, 0.1);
box-shadow: 0px 0px 15px rgb(40, 40, 40, 1);
cursor: grab;
}

.gContainer1:active{
height: 305px;
width: 305px;
background-color: rgba(255, 255, 255, 0);
transition: all 2s ;
box-shadow: 0px 0px 10px rgb(0, 0, 0, 1);
cursor: zoom-in;
}

.gContainer1 img {
    z-index: -1;
}

.gContainer1:hover img{
    overflow: hidden;
    scale: 50%;
    transition: all linear .5s ;
    cursor: zoom-in;
    box-shadow: 0px 0px 25px rgb(40, 40, 40);
    }

.gContainer1:active img{
    scale: 150%;
    transition: all 2s ;
    cursor: zoom-in;
    box-shadow: 0px 0px 15px rgb(0, 0, 0, 0.5);
    }

/* View More Container */
.gContainerV{
    overflow: hidden;
    height: 250px;
    width: 250px;
    background-color: rgba(0, 0, 0, 0.25);
    }
    
    .gContainerV:hover{
    height: 300px;
    width: 300px;
    transition: all .5s ;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px rgb(40, 40, 40, 1);
    cursor: grab;
    }
    
    .gContainerV:active{
    height: 305px;
    width: 305px;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 15px rgb(195, 195, 195);
    transition: all 2s ;
    cursor: zoom-in;
    }

    .gContainerV img {
        filter: blur(50px);
        z-index: -1;
    }

    .gContainerV:hover img{
        overflow: hidden;
        scale: 100%;
        transition: all linear .5s ;
        cursor: zoom-in;
        filter: blur(25px);
        }

    .gContainerV:active img{
        scale: 100%;
        transition: all 2s ;
        cursor: zoom-in;
        }
    
    .gContainerV a{
        text-decoration: none;
    }

    .gContainerV a h4{
        color: rgba(0, 0, 0, 0.75);
        text-align: center; 
        z-index: 1; 
        transform: translateY(-1000%);
        text-shadow: 0px 0px 10px rgb(33, 33, 33, 1);
    }

    .gContainerV:hover a h4{
        color: rgb(255, 255, 255, 1);
        text-align: center; 
        z-index: 1; 
        transform: translateY(-1200%);
        text-shadow: 0px 0px 10px rgb(0, 0, 0, 1);
        transition: all ease-in-out 1s;
        
    }

    .gContainerV a h4:hover{
        color: rgb(255, 255, 255, 1);
        text-shadow: 0px 0px 25px rgb(0, 0, 0, 1);
        transition: all ease-in-out 1s;
    }

/* Social Containers */
    
    .sContainer1-i{
        overflow: hidden;
        height: 250px;
        width: 1080px;
        background-color: rgba(255, 255, 255, 0.25);
        position: static;
        }
        
    .sContainer1-i:hover{
    height: 255px;
    width: 1080px;
    transition: all ease-in-out .5s ;
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 15px rgb(40, 40, 40, 1);
    cursor: grab;
    }
    
    .sContainer1-i:focus{
    z-index: 6;
    height: 255px;
    width: 1080px;
    background-color: rgba(255, 255, 255, 0);
    transition: all 2s ;
    box-shadow: 0px 0px 10px rgb(0, 0, 0, 1);
    cursor: zoom-in;
    }
    
    .sContainer1-i img {
        z-index: -10;
        filter: blur(25px);
    }
    
    .sContainer1-i:hover img{
        overflow: hidden;
        scale: 110%;
        transition: all linear .5s ;
        cursor: zoom-in;
        box-shadow: 0px 0px 25px rgb(40, 40, 40);
        filter: blur(15px);
        }
    
    .sContainer1-i:focus img{
        scale: 100%;
        transition: all 2s ;
        cursor: zoom-in;
        box-shadow: 0px 0px 15px rgb(0, 0, 0, 0.5);
        }

        .sContainer1-i a{
            text-decoration: none;
        }

        .sContainer1-i a:hover{
            text-decoration: none;
            text-align: center;
        }
    
        .sContainer1-i a h4{
            color: rgb(255, 255, 255, .75);
            z-index: 1; 
            text-shadow: 0px 0px 10px rgb(33, 33, 33, 1);
            text-align: center;
        }
    
        .sContainer1-i:hover a h4{
            color: rgb(255, 255, 255, 1);
            z-index: 1; 
            text-shadow: 0px 0px 10px rgb(0, 0, 0, 1);
            transition: all ease-in-out 1s;
            
        }
    
        .sContainer1-i a h4:hover{
            color: rgb(255, 255, 255, 1);
            text-shadow: 0px 0px 15px rgb(255, 255, 255);
            transition: all ease-in-out 1s;
        }