body {
	color: #fb9ddf;
	margin: 0%;
}
a {
	color: #0eebfb;
}
#nav{
	text-align: center;
	background-color: #771390;
	width: 100%;
	position: fixed;
}
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: inline-block;
}

#nav li {
	float: left;
	display: inline;
}

#nav li a {
	display: block;
	text-align: center;
	padding: 12px 12px;
	text-decoration: none;
}
#nav li a:hover:not(.active) {
	background-color: #0cefff52;
}
.active {
	background-color: #0eebfb;
	color: #771390;
}
#background {
	background-color: #3665E7;
    image-rendering: pixelated;
	
	background-image: url(https://64.media.tumblr.com/5c1749ecc445ee793b22b35ece2356d6/42122333c0d9099e-3e/s540x810/c7edcc8fef8713aa0f218448b5b4b8d2d88b701e.pnj);
    background-repeat: repeat;
    background-position: center top;
	
	position: fixed;
	width: 100%;
	height:100%;
	z-index: -1;
}
.circle-image{
	width: 64px; /* Adjust the size as needed */
    height: 64px; /* Ensure the height and width are equal */
    border-radius: 50%; /* This makes the image circular */
	border: 2px solid #3665E7; /* Adds a border around the image */
    object-fit: cover; /* Ensures the image covers the entire area */
}
.text-center{
	text-align: center;
}
.title {
	color: #0eebfb;
}
.info_container{
	display: flex; 
	flex-direction: column;
	height: fit-content;
	background: #771390;
    border: 8px solid #3665E7;
    border-radius: 8px;
	image-rendering: pixelated;
	border-image-source: url(https://64.media.tumblr.com/bdc9bb3f9b367282f8dcfa9fa6449531/3ddabba5789ce870-88/s75x75_c1/7b358485ef8cfe83db7d4424686d55195c5aafc7.png);
	border-image-slice: 25%;
    border-image-repeat: repeat;
    border-image-width: 32px;
	
	width:400px;
	
	margin-top: 2%;
	margin-left: 0.25%;
	margin-right: 0.25%;
	margin-bottom: 2%;
}
.profile_icon{
	image-rendering: pixelated;
	display: flex;
	justify-content: center;

	padding-top: 16px;
	padding-left: 16px;
	padding-right: 16px;
}
.info_title{
	text-align: center;
	padding-left: 16px;
	padding-right: 16px;
}
.info_content{
	background-color: #0cefff52;
    border: 2px solid #3665E7;
	padding-left: 16px;
	padding-right: 16px;
}
.info_content.media{
	align-self: center;
	padding-top: 16px;
	padding-bottom: 16px;
}
.max_image{
	width:320px;
}
.info_links{
	padding-top: 16px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
}

#body_container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-top: 64px;
}