body{
	background-image: url("images/newGodsScreencap.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-color: #cccccc;
}
.parent-container{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.box{
	height: 25px;
	width: 100px;
	background-color: #28EB9B;
	font-size: 14pt;
	display: flex;
	justify-content: center;
	align-items: center;
}
.parent-glass{
	margin-top: 50px;
	/*pushes the glass text flexbox down from the top a bit*/

	display:flex;
	justify-content: center;
	/*creates another flexbox and moves it to the middle of the x-axis*/
}
.glass-container{
	height:520px;
	width:350px;
	padding: 10px 10px;
	border-radius: 50px;
	background-color: rgba(255, 255, 255, 0.025);
	backdrop-filter: blur(10px);
	/*the above code sets the textbox to slight transparency and blurs
	the image behind it, creating the glass effect*/
	
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	/*this code sets up a flexbox and centers the text within it.*/

	font-family: Poppins, sans-serif;
	font-size: 18px;
	text-align: justify;
	line-height: 185%;
}

.iframetesting{
	margin:auto;
	display:flex;
	height:100vh;
	width: 50%;
	justify-content: center;
	align-items:center;
}