#myCanvas{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -7;
}

h1 {
	color: #3e3e3e;
	font-size: 60px;
}

.kleur1 {
	background: #f00;
	margin-right: 50px;

}

.kleur2 {
	background: #008962;
	margin-right: 100px;

}
.kleur3 {
	background: #877e2c;
	margin-right: 150px;
}
.kleur4 {
	background: #a6385e;
	margin-right: 200px;

}
.kleur5 {
	background: #92411d;
	margin-right: 250px;
}
.kleur6 {
	background: #b8a900;
	margin-right: 300px;
}
.kleur7 {
	background: white;
}


div#title {
	margin-right: 150px;
	direction: rtl;
	-moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}


#title {
	float: right;
	font-family: "Times New Roman";

}


#title .border {
	border-bottom: solid 5px;
		}

#title .bb {
	font-family: "Courier New", Courier, mono;
	size: 16px;
	direction: ltr;
	float: right;

}

#title .underline {
	border-bottom: 1px groove;
}


title {filter:alpha(opacity=0);opacity:0}

/* Perspective script  */

.perspective-text {
  color: black;
  font-size: 30px;
  font-weight: 900;
  text-transform: uppercase;
	position: absolute;
	direction: ltr;
	padding: 5px;
	bottom: 20px;
}

.perspective-line {
  height: 50px;
  overflow: hidden;
  position: relative;
	padding: 2px;
}

p {
  margin: 0;
  height: 50px;
  line-height: 50px;
  transition: all 0.5s ease-in-out;
}

.perspective-line:nth-child(odd) {
  transform: skew(60deg, -30deg) scaleY(0.667);
}

.perspective-line:nth-child(even) {
  transform: skew(0deg, -30deg) scaleY(1.337);
}

.perspective-text:hover p {
  transform: translate(0, -50px);
}

.perspective-line:nth-child(1) {
  left: 29px;
}

.perspective-line:nth-child(2) {
  left: 58px;
  background: #f07e6e;
}

.perspective-line:nth-child(3) {
  left: 87px;
  background: #84cdfa;
}

.perspective-line:nth-child(4) {
  left: 116px;
  background: #5ad1cd;
}

#email {
    position: absolute;
    margin: 50px;
    bottom: 0;
    left: 0;
	font-family: "Times New Roman";
	    text-transform: uppercase;

}

#email a {
color: black;
text-decoration: none;
border: 1px dotted;
padding: 5px;
font-weight: bold;
}

#email a:hover {
color: #f07e6e;
}