@charset "UTF-8";
/* OVO™ - Normal Size */

.landing-container {
	position: fixed;
	display: block;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
}

.landing-container .background-img {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url("../images/background-1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	opacity: 0.5;
	animation: bgimg 40s;
}

@keyframes bgimg {
  0% {transform: scale(1);}
  100% {transform: scale(1.4);}
}

.landing-container .black-circle {
	position: absolute;
	display: block;
	width: calc(100vh + 10vh);
	height: calc(100vh + 10vh);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(16,17,13,0.8);
	border-radius: 50%;
}

.landing-container .landing-left {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 50vw;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: rgba(252,238,33,0);
}

.landing-container .landing-left .left-half {
	position: absolute;
	display: block;
	width: 70vh;
	height: 70vh;
	top: 15vh;
	right: -35vh;
	background-color: rgb(252,238,33);
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	cursor: pointer;
	transition: all .4s ease-in-out;
}

.landing-container .landing-left .left-half:hover {
	position: absolute;
	display: block;
	width: 100vw;
	height: 100vh;
	top: 0;
	right: -50vw;
	background-color: rgb(252,238,33);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.landing-container .landing-left .left-half .text {
	position: absolute;
	display: block;
	width: 50%;
	height: auto;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

.landing-container .landing-left .left-half .text h1 {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	color: rgb(16,17,13);
}

.landing-container .landing-right {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 50vw;
	height: 100vh;
	top: 0;
	right: 0;
	background-color: rgb(108,182,230,0);
}

.landing-container .landing-right .right-half {
	position: absolute;
	display: block;
	width: 70vh;
	height: 70vh;
	top: 15vh;
	left: -35vh;
	background-color: rgb(108,182,230);
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	cursor: pointer;
	transition: all .4s ease-in-out;
}

.landing-container .landing-right .right-half:hover {
	position: absolute;
	display: block;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: -50vw;
	background-color: rgb(108,182,230);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.landing-container .landing-right .right-half .text {
	position: absolute;
	display: block;
	width: 50%;
	height: auto;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
}

.landing-container .landing-right .right-half .text h1 {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	color: rgb(255,255,255);
}