/*Define your CSS here*/
@font-face{

	font-family:ArcaMajoraBold;
	src: url(ArcaMajoraBold.otf);
}

p{

	font-family:ArcaMajoraBold;
	font-size:90px;

	color:white;
	-webkit-text-stroke: 3.5px black;

}

div {

	display:inline-flex;
	position:relative;
	padding:40px;
	top:100px;
	
}

.city , .home , .oatmeal , .dessert {

	width:225px;
	height:300px;
	filter:grayscale(100%);

/*i looked up how to do the filter on the images from https://www.w3schools.com/howto/howto_css_image_bw.asp*/

}

.clear {

filter:saturate(100%);

}