html, body{
	overflow-x: hidden;
}

html, body, h1, h2, h3, p, a{
	padding: 0;
	margin: 0;
	text-decoration: none;
}

body{
	background: linear-gradient(180deg, #198875 0%, #156B5F 100%);
}

.hide{
	display: none !important;
}

.main{
	width: 100%;
	height: 100vh;
	background: url("../img/bg.16093c8f.jpg") center no-repeat;
	background-size: cover;
}

.content{
	position: relative;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#unity-logo{
	width: 60%;
	margin-top: -10%;
	animation: pulse 0.8s ease infinite normal;
}

#unity-loading-bar{
	width: 70%;
	height: 40px;
	border: 4px solid #FFFCF7;
	background: #0D4D4333;
	position: absolute;
	bottom: 7%;
	border-radius: 40px;
}

#unity-progress-bar{
	width: 100%;
	height: 100%;
	border-radius: 40px;
	background: linear-gradient(0deg, #1BB399 0%, #37D9BD 100%);
}

#unity-counter{
	font-family: Jost, sans-serif;;
	font-weight: 800;
	color: #fff;
	font-size: 24px;
	text-align: center;
	margin-top: -36px;
}

@keyframes pulse{
	0%{
		transform: scale(1.0);
	}

	60%{
		transform: scale(1.05);
	}
}


@media (min-width: 768px) {
	#unity-logo{
		width: 300px;
	}
}