body {
  margin: 0;
  font-family: "myFont";
  background-color: white;
				
}

@font-face {
font-family: myFont;
  src: url("../fonts/CONSOLA.TTF");
}

		a {
  color: black;
			
}
	
.link:hover{
 border:2px solid red;
 color: red;
}

.link{
border:2px solid blue;
font-size: 1.2vw;
color: blue;
}

code {
  border-radius: 6px;
  color: black;
  font-size: 1.5vw;
  display: block;
  font-family: "myFont";
  padding: 40px 15px ;
  text-align: center;
  position:relative;
  bottom: 0;
	
}


header,
middle,
right,
left,
footer {
  margin: 0 1.5% 24px 1.5%;
}
left {
	 float: left;
  width: 26%;
	position: relative;
}
right {
	 float: right;
  width: 20%;
	position: relative;
}

middle {
	 float: left;
  width: 40%;
	position: relative;
}
footer {
  clear: both;
  margin-bottom: 0;
}


.middle {
  	width: 90%;
 	max-width: 700px;
  	height: auto;
		}
.responsive {
  	width: 100%;
 	max-width: 700px;
	min-width: 100px;
  	height: auto;
		}

.small {
  	width: 100%;
 	max-width: 30px;
	min-width: 100px;
  	height: auto;
		}
.icon {
 	max-width: 40px;
	min-width: 40px;
  	height: auto;
		}

input[type=text] {
  border: 2px solid black;
  border-radius: 0px;
  font-family: myFirstFont;
}

input[type=email] {
  border: 2px solid black;
  border-radius: 0px;
  font-family: myFirstFont;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

@media screen and (min-width: 1000px) {
  .header li {
    float: left;
  }

/* CSS Document */