body {
		background-color:gray;
	}

.search-wrapper {

	background-color:rgba(255,255,255,0.5);
	box-shadow:10px 10px 10px rgba(0,0,0,0.4);
	display:inline-block;
	position:fixed;
	width:100vw;
	padding-top:10px;
	padding-bottom: 10px;
	top:0;
	left:0;
	z-index:999;
	text-align:center;
}


	.paddle {
		position:fixed;
		top:calc( 50vh - 100px);
		height:50px;
		border-radius:50px;
		width:50px;
		background-color:rgba(255,255,255,0.4);
		font-size:3rem;
		text-align:center;
		text-decoration: none;
		z-index:99;
		line-height: 50px;
	}
	#prevLink { left:0; }
	#nextLink { right:0; }

	#time {
		width:400px;
		position:relative;
		-webkit-appearance: none;
	}
	#time:before {
		height:2px;
		background-color:green;
		width:100%;
		position:absolute;
		content:'';
		z-index:-1;
	}

	@keyframes spin {
		from {
			transform:rotate(0deg);
		}
		to {
			transform:rotate(360deg);
		}
	}

	.loader {
		animation: spin 2s linear infinite;
		position:fixed;
		width:200px;
		height:200px;
		border-radius:120px;
		border:14px solid rgba(0,0,0,0.5);
		border-left-color: black;
		top: calc( 50vh - 100px);
		left: calc( 50vw - 100px);
		z-index:999;
	}