@charset "utf-8";
/* CSS Document */



.xSPO_header{ 
	display: grid;
	grid-row-start: 2;
	grid-column-start: 1;
	grid-column-end: span 8;
	
	border-top-right-radius: 40px;
	border-top-left-radius: 40px;
	padding-top: 10px;
	align-items: center;
	justify-content: center;
	font-size: 3em;
	font-weight: bolder;
	color: white;
	padding-left: 20px;
	padding-right: 20px;
	
	
}
.item_container{ 
	display: grid;
	justify-content: center;
	grid-row-start: 3;
	grid-column-start: 1;
	grid-column-end: span 8;
	padding-top: 10px;
	padding-bottom: 40px;
			
}

.xSPO_container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	justify-items: center;
	justify-content: center;
	align-content: center;
	gap: 20px;
	
}
.pool_block{
	display: grid;
	grid-auto-columns: span 1;
	justify-items: center;
	width: 470px;
	background: rgba(32,34,171,0.49);
	padding: 20px;
	border-bottom-left-radius: 70px;
	border-top-right-radius: 70px;
	font-family: 'Open Sans', sans-serif;
	}	
.russo{
	font-family: 'Russo One', sans-serif;
	letter-spacing: 2px;
	
}

.pool_header {
	font-size: 2em;
}

.round{
	border-radius: 5px;
}

.stake{
	font-weight: 700;
	font-size: 2em;
}

.needed{
	display: grid;
	background-color: #E8282B;
	justify-content: center;
	
	align-content: center;
	width: 65%;
	border-radius: 10px;
	font-weight: 800;
	font-size: 2em;
}






@media screen and (max-width: 800px) {

	.item_container{ 
	padding-bottom: 20px;
			
}

.xSPO_container{
	display: grid;
	grid-template-columns: 1fr;
	
}
.pool_block{
	
	width: 250px;
	
	}
.pool_header {
	font-size: 1em;
}


.stake{
	font-weight: 700;
	font-size: 1em;
}

.needed{
	
	font-weight: 800;
	font-size: 1em;
}
.round{
	height: 14px;
	width: 14px;
}

}