@font-face {
  font-family: terminus;
  src: url(Terminus.ttf);
}

::selection {
  background: black; 
}
::-moz-selection {
  background: black; 
}

::selection {
  color: #0BABE5; 
}
::-moz-selection {
  color: #0BABE5; 
}



body {
	font-family: terminus;
	font-weight: bold;
	font-size: 1vw;
	height: 100% !important;
	background-color: black;
	color: #0BABE5;

}

a {
	text-decoration: none;
	color: #0BABE5;
}

p {
	margin:0;
}

.project {
	cursor: pointer;
}


.inputField {
	cursor: none;
	border: 0;
	font-size: 1vw !important;
	background-color: black;
	
}

.output {
	width: 100%;
	top:0;
	left:0;
	height: 70%;
	position: absolute;
	text-align: center;
}

.outputData{
	text-align: left;
	left: 50% !important;
	position: absolute;
	-ms-transform: translate(-50%,0%);
 	transform: translate(-50%,0%);
}

.outputQuery {
	text-align: left;
	position: absolute;
	width: 100%;
	bottom: 0;
	margin-left: 10px;
}

.headline {
	text-align: center;
}

.input {
	width: 100%;
	top:70%;
	left: 0;
	height: 30%;
	position: absolute;
	margin-left: 10px;
}

.projects {
	list-style-type:none;
}

.title {
    margin-bottom:8vh;
    margin-top:2vh;
}

.footer {
	width: 100%;
	height:auto;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;

}



@media only screen and (max-width: 600px) {

	body {
		/*cursor: none;*/
		font-size: 2vh;
	}
	.input {
		display: none;
	}
	.outputQuery {
		display:none;
	}
	.title {
		font-size: 1vh;
		margin-bottom:100px;
		margin-top:30px;
	}
	.footer {
		font-size: 2vh;
	}

	.inputField {
		cursor: none;

		font-size: 2vh !important;
	}
	.footer {
		width: 100%;
		height:auto;
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: center;
		font-size: 2vh;
	}
}


@media only screen and (min-width: 600px) and (max-width: 900px) {
	body {
		/*cursor: none;*/
		font-size: 1vw;
	}
	.input {
		display: none;
	}
	.outputQuery {
		display:none;
	}
	.title {
	    		margin-bottom:100px;
		margin-top:30px;
		font-size: 1vw;
	}
	


	.inputField {
		cursor: none;
		font-size: 1vw !important;
	}

	.footer {
		display: none;
		font-size: 1vw;
	}

}