<commit_before>@import './constants.css.scss';

.center.jumbotron {
  margin-bottom: $space6;
  color: $grey1;
}

.jumbotron {
  background-image: url('osucascades_background.jpg');
}

.title {
  font-family: 'graphik-medium';
  font-size: $txt8;
  color: $grey2;
}

.caption {
  font-family: 'graphik-regular-italic';
  color: $grey2;
}

.img-circle {
  margin: auto;
  display: block;
  height: 200;
  width: 200;
}<commit_msg>Update spacing and images, adding nice borders around the circles<commit_after>@import './constants.css.scss';

.jumbotron {
  margin-bottom: $space5;
  color: $grey1;
	background-image: url('osucascades_background.jpg');
}

.title {
	margin: $space4;
  font-family: 'graphik-medium';
  font-size: $txt8;
  color: $grey2;
}

.caption {
	margin: $space4;
  font-family: 'graphik-regular-italic';
  color: $grey2;
}

.img-container {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
	.col {
		margin: $space4;
	}
	h3 {
		margin-top: $space4;
	}
}

@media (max-width: 800px) {
  .img-container {
		align-items: center;
  	justify-items: center;
    grid-auto-flow: row;
  }
	.col {
		max-width: $space13;
	}
}

.img-circle {
    position: relative;
		margin: auto;
		display: block;
		height: 200px;
		width: 200px;
		&::after {
			box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .1);
			border-radius: 50%;
			content: "";
			display: block;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
		}
		img {
			border-radius: 50%;
		}
}
{'fraction_non_alphanumeric': 0.16622162883845126, 'fraction_numerical': 0.03271028037383177, 'mean_word_length': 3.1988795518207285, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7473613', 'n_tokens_mistral': 681, 'n_tokens_neox': 612, 'n_words': 131}