example-code/styles/mysite-sass/projects.scss

@use "sass:map";
@use "sass:color";

@use "vars/vars";

.projects h3 {
	color: Black;
}

.project h2 {
}

#sites > div {
	margin-bottom: 4em;
}

h2.category {
	background: white;
	text-align: center;
	padding: 10px;
	border-bottom: solid black 2px;
	max-width: 6em;
	margin-left: auto;
	margin-right: auto;
	// text-decoration: underline;
}

.soon {
	max-width: 10em;
	min-height: 5em;
	margin: auto;
}

#sites .pages {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
}

.pages img {
	height: 200px;
	width: auto;
	margin: 10px;
	padding: 10px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
	transition: transform 0.2s ease-in;
}

.pages img:hover {
	transform: translateY(-10px);
}