body {
	font-family: helvetica, tahoma, arial, sans-serif;
	background-color: #000;
	color: #fff;
	margin: 0;
/*	overflow: auto; */
}

html, body, canvas {
	height: 100%,
	width: 100%,
	position: fixed;
	overflow: hidden;
	overscroll-behavior: none;
}

a {
	text-decoration: none;
	color: black;
}

.hidden {
	display:none;
}

.clear {
	clear:both;
}

#menu {
	position: absolute;
	width: 100%;
	top: 2vh;
	left: 0;
}

#searchBox {
	font-size: 2vw;
	width: 80%;
	margin-left: 15%;
}

#searchBox.mobiel {
	font-size: 4vw;
}

#searchText {
	width: 60%;
	outline-width: 0;
	font-size: 2vw;
	padding: .5vw;
	
	background-color: #EEF;
	border: 2px solid black;
	border-radius: 1vw;
	color: #223;
	margin-left: 20%;
}

#searchText.mobiel {
	font-size: 4vw;
}

#lookingGlass, #cancel {
	float: right;
	width: 5%;
	top: 4%;
	cursor: pointer;
}

#lookingGlass {	
	margin-right: 5%;
}

#lookingGlass img {
	width: 100%;
}

#cancel {
	text-align: center;
}

#lijst {
	position: absolute;
	width: 7vw;
	top: 6vh;
	margin-top: 4vh;
	right: 12%;
	cursor: pointer;
}

#lijst img {
	width: 100%;
}

.buttons {
	cursor: pointer;
	border: 2px solid black;
	border-radius: 1em;
	padding: .5vw;
	float: right;
}

#cancel {
	background-color: #D22;	
}

#cancel.mobiel {
	font-size: 4vw;
	padding-left: 1vw;
	padding-right: 1vw;
	border-radius: 2em;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

#alert, #results {
	position: absolute;
	top: 30%;
	width: 20%;
	margin-left: 40%;
	margin-right: auto;
	text-align: center;
	font-size: 2vw;
	padding: 1vw;
	border-style: solid;
	border-width: 1vw;
	border-radius: 2vw;
	-moz-border-radius: 2vw;
    -webkit-border-radius: 2vw;
}

#alert {
	background-color: #EEFEFE;
	color: #010101;
	padding: 1em;
	border-color: #EE2323;
}

#alert.mobiel {
	font-size: 4vw;
}

#results {
	background-color: #0201FE;
	color: #EEFEFE;
	border-color: #EEFEFE;
}

#results.mobiel {
	font-size: 4vw;
}

.ripple {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.ripple:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}

.ripple:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}