html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Spartan', sans-serif;
}

h2 {
	font-weight: 800;
	margin-bottom: 10px;
	font-size: 48px;
}

p, .icon-box {
	margin-top: 0;
	font-size: 18px;
}

a {
	text-decoration: none;
}

a:visited {
	color: initial;
}

svg.icon {
	fill: #a8ff00!important;
	transform: scale(2);
	margin-left: 25px;
}

.main-selection {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100%;
}

.left, .right {
	display: table;
	height: 100%;
}

.left svg {
	fill: #fff;
}

.left {
	width: 52.5%;
}

.right {
	width: 47.5%;
}

.inner {
	display: table-cell;
	vertical-align: middle;
	padding: 10%;
}

.left {
    clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
    background: #010202;
	background: linear-gradient(45deg, #010202 0%,#313131 100%);
	color: #fff!important;
}

.right {
	clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
	text-align: right;
}

.logo {
	position: absolute;
	top: calc(50% - 63px);
	left: calc(50% - 150px);
	display: inline-block;
}

.logo img {
	width: 300px;
}

.move {
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	transition: 0.2s;
}

.left:hover .move,
.right:hover .move {
	transform: translateX(20%);
}

.left:hover {
	background: linear-gradient(45deg, #313131 0%,#010202 100%);
}


.right:hover {
	background: linear-gradient(270deg, #f2f2f2 0%, #fff 100%);
}