* {
	margin: 0;
	padding: 0;
}

.index .header {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem;
}

.index .header .links {
	display: flex;
	justify-content: end;
	gap: 1rem;
}


.index .hero {
	background: url("https://rawznaturalpetfood.com/wp-content/uploads/2024/03/Most-Popular-Cat-Breeds.jpg");
	background-size: cover;
	min-height: 400px;
	height: 90vh;
	color: white;
	display: flex;
	align-items: center;
	padding: 2rem;
}

.index .hero .content {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.index .hero .button-container {
	margin-top: 1rem;
}

.index .hero .button {
	color: white;
	text-decoration: none;
	border: 1px solid white;
	display: inline;
	padding: 10px 20px;
	text-align: center;
}


.index .card {
	width: 100%;
	background: #f5f5f5;
	border-radius: 10px;
	overflow: hidden;
}

.index .content {
	padding: 20px;
}

.index .content h2 {
	padding-bottom: 0.5rem;
	text-transform: uppercase;
}

.index .content p {
	padding-bottom: 1.5rem;
}

.index .content a {
	padding: 6px 20px;
	background: #9e2222;
	border-radius: 10px;
	color: white;
	text-transform: uppercase;
}

.index .img-container {
	width: 100%;
	height: auto;
	display: flex;
	align-items: end;
	overflow: hidden;
}

.index .img-container img {
	width: 100%;
	height: auto;
}

/* maine coon */

.maine-coon .header {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem;
}

.maine-coon .header .links {
	display: flex;
	justify-content: end;
	gap: 1rem;
}

/* british short hair */

.british-short-hair .header {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem;
}

.british-short-hair .header .links {
	display: flex;
	justify-content: end;
	gap: 1rem;
}
/* siamese */

.siamese .header {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem;
}

.siamese .header .links {
	display: flex;
	justify-content: end;
	gap: 1rem;
}

/* rag doll */

.rag-doll .header {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem;
}

.rag-doll .header .links {
	display: flex;
	justify-content: end;
	gap: 1rem;
}

/* about */

.about .header {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem;
}

.about .header .links {
	display: flex;
	justify-content: end;
	gap: 1rem;
}