.no-margin {
	margin: 0;
}

p.no-margin:nth-child(1) {
	color: white;
}

.add-top-margin {
	margin-top: 5%;
}

.no-border {
	border: none;
}

.no-list-style {
	list-style-type: none;
}

.major-subtitle {
	padding-bottom: 0%;
	margin-bottom: 0;
	text-align: center;
}

.underline {
	display: block;
	border-bottom: 1px solid white;
	text-align: center;
	margin-left: 25%;
	/* Adjusted for better centering with 4 columns */
	margin-right: 25%;
	margin-top: 1.5%;
	margin-bottom: 4%;
}

.center-text {
	text-align: center;
}

p.center-text.muscles {
	margin: 0;
}

.column {
	flex: 25%;
	/* Ensures four columns fit perfectly side by side */
	box-sizing: border-box;
	/* Prevents padding/margin from breaking the layout */
	padding: 20px;
	/* Adds internal spacing */
	text-align: center;
	/* Centers text within each column */
}

.columns {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/* Allows wrapping on smaller screens */
	width: 100%;
	padding: 0 8%;
	justify-content: space-between;
	/* Evenly distributes columns */
}

.muscles {
	font-size: 1.4rem;
	font-family: 'League Spartan', sans-serif;
}

#team-photo {
	display: flex;
	justify-content: center;
	/* Centers the image horizontally */
	margin-bottom: 20px;
	/* Adds space below the image */
}

#team-image {
	width: auto;
	height: 17rem;
	border-radius: 10px;
	/* Optional: Adds rounded corners */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	/* Optional: Adds a subtle shadow */
	margin-top: 2em;
}

.buttons-horizontal {
	margin: 1rem;
}

pre {
	margin-bottom: 0;
}

code {
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

div.group {
	margin: inherit;
	padding: inherit;
	border: inherit;
	font-size: inherit;
	font: inherit;
	vertical-align: inherit;
}

.enhanceText {
	font-size: 1.2rem;
}

.emphasizeText {
	font-style: italic;
}

/* Responsive Design */
@media (max-width: 1200px) {
	.column {
		flex: 50%;
		/* Two columns per row on large tablets */
	}

	.columns {
		justify-content: space-around;
	}
}

@media (max-width: 768px) {
	.columns {
		flex-direction: column;
		/* Stack columns vertically on smaller screens */
		padding: 0 5%;
	}

	.column {
		flex: 100%;
		padding: 10px 0;
	}
}