.header-text { text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.25); }

.cat {
    transition:0.3s ease-in-out;
}

.cat:hover {
    background:white;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.3);
}

.cat1 {
    transition:0.3s ease-in-out;
}

.cat1:hover {
    background:#ffa500;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.3);
}
.cat2 {
    transition:0.3s ease-in-out;
}
.cat2:hover {
    background:#f29d33;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.3);
}
.cat3 {
    transition:0.3s ease-in-out;
}
.cat3:hover {
    background:#4a4a4a;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.3);
}
.geeks {
        width: 300px;
        height: 300px;
        overflow: hidden;
        margin: 0 auto;
    }
      
    .geeks img {
        width: 50%;
        transition: 0.5s all ease-in-out;
    }
      
    .geeks:hover img {
        transform: scale(1.5);
    }

.big {
        transform: scale(1.1);
}
.cat4 {
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.3);
}
.myclass {
background: #42f598;
opacity:0.5;
}
.myclass1 {
background: #42f598;
}
    .myclass1: background{
        opacity:0.5;
        
    }