#filters{
    display: flex;
    gap: 10px
}
body{background-color:#F5F7F1}
img { max-width:230px; transition: transform .1s;}
#filters div{color:blue;
             font-style:italic;
			 font-weight: bold;
			 text-align:center;
			 width:80px;
             margin-bottom: 8px;
            border: 4px solid blue;
            padding: 5px;
            border-radius: 20px;
            cursor: pointer;
			background-color:#E7E6A6;
			font-size: 20px;
}
#filters div:hover{background-color:#87F9A5;}

 
 img:hover {transform: scale(1.25);}
 
#gallery{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
}

#gallery .active{
    width: 30%;
    padding: 5px;
    transition: width .3s;
}

#gallery .inactive{
    width: 0;
    padding: 0;
    transition: width .3s;
}