body {
	background-color: black;
	color: white;
	font-family: 'Poppins';
	font-style: normal;
	font-display: swap;
	src: url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-200-normal.woff2) format('woff2'),
	     url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-200-normal.woff) format('woff');
	display: flex;
	justify-content: center;
	align-items: center;
}

.main {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.introduction {
	display: flex;
	flex-direction: column;
}

.about-me {
	display: flex;
	flex-direction: row;
	font-weight: 600;
}

.fuckdivs {
	display: flex;
	flex-direction: column;
}

#hi {
	font-size: 400%;
	font-weight: 200;
}

#pfp {
	border-style: solid;
	border-color: white;
	width: 50%;
	height: 90%;
	position: static;
}

.underline {
	border-bottom: 2px solid white;
}

.text-pink {
	color: #f8d5d9;
}

.text-purple {
	color: #B0B5FC;
}

.text-heart {
	color: #e2a1ad;
}

.text-red {
	color: #b21608;
}

.text-green {
	color: #8DB580;
}

.text-rose {
	color: #e57e79;
}

.text-lav {
	color: #a4b6dd;
}

.text-hunt {
	color: #a2d0c0;
}

.text-tran-blue {
	color: #5BCEFA;
}

.text-tran-pink {
	color: #F5A9B8;
}
button {
	width: 90%;
	max-width: 300px;
	background-color: black;
	border-style: solid solid solid solid;
	color: white;
	padding: 0.75rem;
	font-size: 1rem;
}

@media (max-width: 768px) {
	body {
		align-items: flex-start;
		padding: 1rem;
	}

	.main {
		width: 100%;
	}

	.about-me {
		flex-direction: column;
		align-items: center;
		gap: 1rem;
	}

	#pfp {
		width: 70%;
		height: auto;
		max-width: 200px;
	}

	#hi {
		font-size: 2rem;
		text-align: center;
	}
	body {
   	background-color: black;
   	color: white;
   	font-family: 'Poppins';
   	font-style: normal;
   	font-display: swap;
   	src: url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-200-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-200-normal.woff) format('woff');
		display: flex;
   	justify-content: center;
   	align-items: center;
	}
	
.main {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.introduction {
	display: flex;
	flex-direction: column;
}

.about-me {
	display: flex;
	flex-direction: row;
	font-weight: 600;

}

button {
	width: 90%;
	max-width: 300px;
	padding: 0.75rem;
   background-color: black;
	border-style: solid solid solid solid;
	color: white;
	font-size: 1rem;
}

#hi {
	font-size: 400%;
	font-weight: 200;
}

#pfp {
	border-style: solid solid solid solid;
	border-color: white;
	width: 50%;
	height: 90%;
	position: static;
}

.underline {
	border-bottom: 2px solid white;
	border-color: white;
}

.text-pink {
	color: #f8d5d9;
}
.text-purple {
	color: #B0B5FC;
}
.text-heart {
	color: #e2a1ad;
}
.text-red {
	color: #b21608;
}
.text-green {
	color: #8DB580;
}
.text-rose {
	color: #e57e79;
}
.text-lav {
	color: #a4b6dd;
}
.text-hunt {
	color: #a2d0c0;
}

.text-tran-blue {
	color: #5BCEFA;
}

.text-tran-pink {
	color: #F5A9B8;
}

	dl {
		width: 100%;
		font-size: 0.95rem;
	}

	dt {
		margin-left: 0;
		padding-left: 0.25rem;
	}

	button {
		width: 90%;
		max-width: 300px;
		padding: 0.75rem;
		font-size: 1rem;
	}
}