*{
	margin:0px;
	padding:0px;
	
}

@font-face {
    font-family: matrix;
    src: url(./font/MATRIX.ttf);
}

html,body{
	background-color: black;
	color: green;
	height:100%
	overflow:none;
}

#backgroundVideo{
    position: fixed;
    top: 0px;
    z-index: 0;
    height: 100%;
}

#HackerBody{
    text-align: center;
    margin-top: 25%;
    z-index: 10;
    position: relative;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#HackerBody h1{
	font-family:matrix;
	font-size: 5em;
    color: #78ff78;
    text-shadow: 2px 2px 10px green, 
	2px 2px 20px green, 
	2px 2px 30px green, 
	2px 2px 40px green,
	2px 2px 50px green, 
	2px 2px 60px green, 
	2px 2px 100px green;
}

h4{
	margin-top: 5%;
	font-family:matrix;
	font-size: 1.5em;
    color: #78ff78;
    text-shadow: 2px 2px 10px green, 
	2px 2px 20px green, 
	2px 2px 30px green, 
	2px 2px 40px green,
	2px 2px 50px green, 
	2px 2px 60px green, 
	2px 2px 100px green;
}

.InputForm{
	margin-top:10%;
}

.InputSlot{
	    background-color: #ffffff00;
    border: solid green 1px;
    width: 80px;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    color: #78ff78;
    text-shadow: 2px 2px 10px green, 
	2px 2px 20px green, 
	2px 2px 30px green, 
	2px 2px 40px green, 
	2px 2px 50px green, 
	2px 2px 60px green;
	
    margin-left: 2%;
    margin-right: 2%;
}

.InputSlot:focus{
    outline: none;
    box-shadow: 0px 0px 10px 0 green;
}

.InputSlot:hover{
	box-shadow: inset 0px 0px 10px 0 green;
}

#Validation{
	margin-top: 5%;
    background-color: transparent;
    color: #3aff3a;
    border: green 2px;
    padding: 10px;
    border-style: outset;
    font-size: 1em;
}

#Validation:focus{
	outline:none;
}

#Validation:active{
	border-style: inset;
	
}#Validation:hover{
	box-shadow: inset 0 0 10px green;
}

#rightImage{
	display:none;
}

#wrongImage{
	display:none;
}

.ImageFeedback{
	position: absolute;
    top: 0px;
	z-index:100;
    opacity: 0.8;
	width:100%;
	height:100%;
	pointer-events: none;
}