/*
	about page styles
	1ost.dev
*/

.about { color: black; }

.about main {
	background-image: url("/images/backgrounds/heartpink2.gif");
	background-color: #fdd;
	background-position: center;
	background-size: 2rem;
}

.about main > * {
	backdrop-filter: brightness(1.1);
	width: fit-content;
	border-radius: .25rem;
	padding: .25rem;
}

.about h2 {
	font-size: 2rem;
	font-family: "Berylium";
	font-weight: bold;
}
.about a 				{ color: #826; }
.about a:hover 	{ color: #f6a; }

.about li { margin-block: .25rem; }

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ */
/* my about page */

#about-avary ul {
	margin-inline-start: 2ch;
}

#about-avary aside {
	display: grid;
	float: right;
	
	background: #280828;
	border-radius: 16px;

	padding: 1rem;
	width: 89px;
}
#about-avary aside {
	color: white;
	text-align:	center;
}
#about-avary #pfp {
	aspect-ratio: 1/1;
	padding-block: .5rem;
}