body {
	background-image: url('nebulabg.gif');
}

.containerdiv {
	background-color: #ffd6f1;
	font-family: MS UI Gothic; monospace;
	color: #d10062;
	width: 50%;
	height: 50vh;
	position: absolute;
	top: 25%;
	left: 25%;
	padding: 0.5%;
	border: 5px solid #fa0758;
	border-radius: 25px;
}

.griddisplay {
    display: grid;
    grid-template-columns: 20% 1fr;
    grid-template-rows: 75% 1fr;
    gap: 8px;
	height: 100%;
}
    
.div1 {
    grid-row: span 2 / span 2;
}

.pfpimg {
	max-width: 90%;
	margin: auto;
	height: auto;
	display: block;
	border: 2px solid #fa0758;
	border-radius: 100%;
}

.div2 {
	border: 2px solid #fa0758;
	border-radius: 15px;
	padding: 10px;
}

.div3 {
    grid-column-start: 2;
	border: 2px solid #fa0758;
	border-radius: 15px;
	padding: 10px;
}