<commit_before>.single-pokemon {
	color: $color-dark;
}

.stage {
	margin: 80px 0;
	/* fix additional padding at sides */
	overflow: hidden;
	

	&-selector {
		border: none;
		outline: none;
		border-bottom: 2px solid $color-border;
		font-size: 4rem;
		font-family: 'Merriweather', sans-serif;
		max-width: 250px;
		text-align: center;
	}

	&__number {
		font-size: 4rem;
		text-align: center;
		margin-bottom: 40px;

		> span {
			position: relative;

			&::after {
				display: none;
				position: absolute;
				content: '';
				right: -34px;
				top: 50%;
				transform: translateY(-45%);
				width: 34px;
				height: 34px;
				background-image: url(../images/edit-icon.svg);
				background-size: cover;
			}
		}
	}

	&__info {
		&--basic {
			@include clearfix;
			margin-bottom: 80px;
			padding-bottom: 80px;
			border-bottom: 1px dotted $color-black;
			
			> h2 {
				font-size: 2rem;
				margin-bottom: 20px;
			}
		}
		
		&--setup {
			margin-bottom: 80px;
			padding-bottom: 80px;
			border-bottom: 1px dotted $color-black;
		}
	}
	
	&-name {
		font-size: 1.5rem;
		font-weight: 700;
	}
}

.info {
	&__overview {
		text-align: center;
		align-self: center;
	}
	
	&__figures, &__stats {
		> h3 {
			font-size: 1.5rem;
			padding-bottom: 10px;
			border-bottom: 5px solid $color-border;
		}
		
		> ul {
			
			> li {
				line-height: 30px;
				padding: 10px 0;
				border-bottom: 1px solid $color-border;
				display: flex;
				justify-content: space-between;
			}

			span {
					text-align: right;
			}
			
			strong {
				display: inline-block;
				width: 80px;
				text-align: left;
			}
		}
	}
}

@include media-breakpoint-down(sm) {
	.info {
		&__overview, &__figures, &__stats {
			margin-bottom: 20px;
			flex-basis: 100%;
		}
	}
}

.setup {
	
	> h2 {
		font-size: 2rem;
		text-align: left;
		margin-bottom: 20px;
	}

	&__board {
		@include media-breakpoint-down(sm) {
			flex-basis: 100%;
			max-width: 100%;
			text-align: center;
			margin-bottom: 20px;
		}
	}
	
	&__layout {
		margin: 0 auto;
		max-width: 100%;
	}
	
	&__disruption {
		&--board, &--initial, &--timer {
			> h4 {
				font-size: 1.5rem;
				padding-bottom: 10px;
				border-bottom: 5px solid $color-border;
			}

			@include media-breakpoint-down(xs) {
				flex-basis: 100%;
				max-width: 100%;
			}
		}
		
		&-content {
			> li {
				line-height: 30px;
				padding: 10px 0;
				border-bottom: 1px solid $color-border;

				ul {
					padding-left: 20px;
					> li {
						border-bottom: 1px dotted $color-border;

						&:last-child {
							border-bottom: none;
						}
					}
				}
				
				&:last-child {
					border-bottom: none;
				}
			}
		}
	}
}

.strategy {
	// recommended team
	&__team {
		margin-bottom: 40px;
		> h2 {
			font-size: 2rem;
			margin-bottom: 20px;
		}
	}
	
	&-slot {
		> h3 {
			font-size: 1.5rem;
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-bottom: 5px solid $color-border;
		}
		
		&__options {
			> span {
				width: 52px;
				height: 52px;
				overflow: hidden;
				text-indent: 1000px;
				background-color: #e32636;
				background-position: 50%;
				background-size: cover;
				display: inline-block;
				margin-right: 5px;
			}
		}

		@include media-breakpoint-down(sm) {
			flex-basis: 100%;
			margin-bottom: 20px;
		}
	}
	
	// walkthrough
	&__walkthrough {
		> h2 {
			font-size: 2rem;
			margin-bottom: 20px;
		}
		
		h3 {
			font-size: 1.5rem;
			padding-bottom: 10px;
		}
		
		&--clearing, &--srank {
			> h3 {
				padding-bottom: 10px;
				border-bottom: 5px solid $color-border;
				margin-bottom: 10px;
			}

			@include media-breakpoint-down(sm) {
				flex-basis: 100%;
				margin-bottom: 20px;
			}
		}
	}
}

// footer
.main-footer {
	height: 120px;
	background: $color-bg-dark;
	display: flex;
	justify-content: center;
	
	> span {
		align-self: center;
		font-size: 1.5rem;
		color: $color-text-white;
	}
}<commit_msg>responsified board layout & personal info a bit<commit_after>.single-pokemon {
	color: $color-dark;
}

.stage {
	margin: 80px 0;
	/* fix additional padding at sides */
	overflow: hidden;
	

	&-selector {
		border: none;
		outline: none;
		border-bottom: 2px solid $color-border;
		font-size: 4rem;
		font-family: 'Lustria', sans-serif;
		max-width: 250px;
		text-align: center;
	}

	&__number {
		font-size: 4rem;
		text-align: center;
		margin-bottom: 40px;

		> span {
			position: relative;

			&::after {
				display: none;
				position: absolute;
				content: '';
				right: -34px;
				top: 50%;
				transform: translateY(-45%);
				width: 34px;
				height: 34px;
				background-image: url(../images/edit-icon.svg);
				background-size: cover;
			}
		}
	}

	&__info {
		&--basic {
			@include clearfix;
			margin-bottom: 80px;
			padding-bottom: 80px;
			border-bottom: 1px dotted $color-black;
			
			> h2 {
				font-size: 2rem;
				margin-bottom: 20px;
			}
		}
		
		&--setup {
			margin-bottom: 80px;
			padding-bottom: 80px;
			border-bottom: 1px dotted $color-black;
		}
	}
	
	&-name {
		font-size: 1.5rem;
		font-weight: 700;
	}
}

.info {
	&__overview {
		text-align: center;
		align-self: center;
	}
	
	&__figures, &__stats {
		> h3 {
			font-size: 1.5rem;
			padding-bottom: 10px;
			border-bottom: 5px solid $color-border;
		}
		
		> ul {
			
			> li {
				line-height: 30px;
				padding: 10px 0;
				border-bottom: 1px solid $color-border;
				display: flex;
				justify-content: space-between;
			}

			span {
					text-align: right;
			}
			
			strong {
				display: inline-block;
				width: 80px;
				text-align: left;

				@include media-breakpoint-down(sm) {
					width: 30%;
				}
			}
		}
	}
}

@include media-breakpoint-down(sm) {
	.info {
		&__overview, &__figures, &__stats {
			margin-bottom: 20px;
			flex-basis: 100%;
		}
	}
}

.setup {
	
	> h2 {
		font-size: 2rem;
		text-align: left;
		margin-bottom: 20px;
	}

	&__board {
		@include media-breakpoint-down(sm) {
			flex-basis: 100%;
			max-width: 100%;
			text-align: center;
			margin-bottom: 20px;
		}
	}
	
	&__layout {
		margin: 0 auto;
		max-width: 100%;

		@include media-breakpoint-down(sm) {
			max-width: calc(100% - 30px);
			margin-left: -30px;
		}
	}
	
	&__disruption {
		&--board, &--initial, &--timer {
			> h4 {
				font-size: 1.5rem;
				padding-bottom: 10px;
				border-bottom: 5px solid $color-border;
			}

			@include media-breakpoint-down(xs) {
				flex-basis: 100%;
				max-width: 100%;
			}
		}
		
		&-content {
			> li {
				line-height: 30px;
				padding: 10px 0;
				border-bottom: 1px solid $color-border;

				ul {
					padding-left: 20px;
					> li {
						border-bottom: 1px dotted $color-border;

						&:last-child {
							border-bottom: none;
						}
					}
				}
				
				&:last-child {
					border-bottom: none;
				}
			}
		}
	}
}

.strategy {
	// recommended team
	&__team {
		margin-bottom: 40px;
		> h2 {
			font-size: 2rem;
			margin-bottom: 20px;
		}
	}
	
	&-slot {
		> h3 {
			font-size: 1.5rem;
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-bottom: 5px solid $color-border;
		}
		
		&__options {
			> span {
				width: 52px;
				height: 52px;
				overflow: hidden;
				text-indent: 1000px;
				background-color: #e32636;
				background-position: 50%;
				background-size: cover;
				display: inline-block;
				margin-right: 5px;
			}
		}

		@include media-breakpoint-down(sm) {
			flex-basis: 100%;
			margin-bottom: 20px;
		}
	}
	
	// walkthrough
	&__walkthrough {
		> h2 {
			font-size: 2rem;
			margin-bottom: 20px;
		}
		
		h3 {
			font-size: 1.5rem;
			padding-bottom: 10px;
		}
		
		&--clearing, &--srank {
			> h3 {
				padding-bottom: 10px;
				border-bottom: 5px solid $color-border;
				margin-bottom: 10px;
			}

			@include media-breakpoint-down(sm) {
				flex-basis: 100%;
				margin-bottom: 20px;
			}
		}
	}
}

// footer
.main-footer {
	height: 120px;
	background: $color-bg-dark;
	display: flex;
	justify-content: center;
	
	> span {
		align-self: center;
		font-size: 1.5rem;
		color: $color-text-white;
	}
}
{'fraction_non_alphanumeric': 0.15044136191677177, 'fraction_numerical': 0.040479192938209334, 'mean_word_length': 2.2279202279202277, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 33, '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': '4312948', 'n_tokens_mistral': 4235, 'n_tokens_neox': 3105, 'n_words': 635}