h1 {
	background-color: black;
	color: rgb(75, 213, 238);
	font-weight: 400;
}

ul {
	display: flex;
	background-color: gray;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

li {
	float: left;
	justify-content: space-around;
	width: 25%;
}

li a {
	display: block;
	padding: 10px;
	
}

li a:hover {
	background-color: lightgray;
}
.active-page {
	background-color: darkgray;
}

.text {
    color: gray;
    font-style: italic;
}

.photos-grid {
    display: grid;
    margin-top: 20px;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-row-gap: 20px;
    justify-items: center;
    text-align: center;
    align-items: center;
}

img {
    justify-content: center;
    width:90%;
}