/* add zoom effect to food images */ 

@font-face {
    font-family: myFirstFont;
    src:url("{{ asset('assets/fonts/Nunito.ttf')}}");
}

#food_img {
	
	width: 100px;
	height: 100px;
	
}

#food_img:hover {
	transform: scale(3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.img-wrap {
    position: relative;
    margin: 10px !important ;
    
    
    
}
.img-wrap #close {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
    
}