* ,*:before,*:after
{
	box-sizing: border-box;
	scroll-behavior: smooth;
}

.front_container 
{
	padding: 2em;
	height: 100%;
	width:100%;
}
.main_content
{
	width:100%;
	height:100%;
	font-family: 'Barrio', cursive;
}

.text
{ 
	position: relative;
	font-size:200px;
	color:#49392C;
}

.upper_row
{
	margin:100px;
	margin-top:50px;
	clear:both;
}

.lower_row
{
	margin:100px;
	margin-top:0px;
	clear:both;
}

.ball {
	width: 200px;
	height:200px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	z-index:-1;
	background-color:red;
	position:absolute;
    
}