:root {
	--width: 12em;
	--height: 12em;
}

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: min(5vw, 1.5rem);
	letter-spacing: 0.1em;
	color: #333;
}

html, body {
	min-height: 100%;
}

body {
	background-color: #333;
	background-image: linear-gradient(#eca, #579);
	overflow: hidden;
}

.cnt {
	display: grid;
}

.logo {
	width: var(--width);
	height: var(--height);
	margin: 0.5em auto;
	background-image: url(jlwtechsolutions.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.text {
	margin: 0.5em auto;
}

body:after {
	content: "";
	transform: translateX(100%);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 90%);

	animation-name: slide;
	animation-duration: 5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
}

@keyframes slide {
	0% { transform: translateX(-100%); }
	45% { transform: translateX(-100%); }
	55% { transform: translateX(100%); }
	100% { transform: translateX(100%); }
}