@charset "utf-8";

/* vampas.com */

canvas {

  position: fixed;

  left:0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0,0,0,.2);

  z-index: -1;

}

.codigo {

	text-align: center;

	background-repeat: no-repeat;

	background-position: center top;

  background-color: rgba(0,0,0,.2);

	background-attachment: fixed;

}

.poema {

	font-family: bellgothic_btroman;

	font-size: 24px;

	color: #FFF;

	text-decoration: none;

	text-align: center;

}

.VmpsLogo {

	font-family: "vampaslogo";

	font-size: 35px;

	letter-spacing: 15px;

	color: #FFF;

	text-decoration: none;

	text-align: center;

	line-height: 20px;

	font-style: normal;

	font-variant: normal;

}

.VmpsHand {

	font-family: "vampashand";

	font-size: 26px;

	color: #FFF;

	text-decoration: none;

	text-align: center;

	line-height: 20px;

	font-style: normal;

	font-variant: normal;

}

.VmpsLink {

	font-family: vampashand;

	font-size: 36px;

	color: #CCC;

	text-decoration: none;

	text-align: center;

	line-height: 20px;

	font-style: normal;

	font-variant: normal;

	font-weight: bold;

}

.anaglyph {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	border: none;

	color: #fffcfc;

	text-align: center;

	-o-text-overflow: clip;

	text-overflow: clip;

	letter-spacing: -3px;

	text-shadow: -3px 0 1px rgb(30,242,241) , 3px 0 1px rgb(246,5,10);

	font-family: "vampashand";

	font-size: 50px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

}

.anaglyph-poema {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	border: none;

	color: #fffcfc;

	text-align: center;

	-o-text-overflow: clip;

	text-overflow: clip;

	letter-spacing: 3px;

	text-shadow: -3px 0 1px rgb(30,242,241) , 3px 0 1px rgb(246,5,10);

	font-family: "bellgothic_btroman";

	font-size: 26px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

}

.anaglyph-logo {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  border: none

  font: normal 100px/normal "vampaslogo";

  color: #fffcfc;

  text-align: center;

  -o-text-overflow: clip;

  text-overflow: clip;

  letter-spacing: 3px;

  text-shadow: -3px 0 1px rgb(30,242,241) , 3px 0 1px rgb(246,5,10) ;

}

.Logo {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  cursor: pointer;

  border: none;

  font: normal normal bold 30px/normal "vampaslogo";

  letter-spacing: 5px;

  color: rgba(0, 0, 0, 0);

  text-align: center;

  -o-text-overflow: clip;

  text-overflow: clip;

  text-shadow: 3px 0 0 rgb(217,31,38) , 6px 0 0 rgb(226,91,14) , 9px 0 0 rgb(245,221,8) , 12px 0 0 rgb(5,148,68) , 15px 0 0 rgb(2,135,206) , 18px 0 0 rgb(4,77,145) , 21px 0 0 rgb(42,21,113) ;

  -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

  -moz-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

  -o-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

}



.Logo:hover {

  text-shadow: -3px 0 0 rgb(217,31,38) , -6px 0 0 rgb(226,91,14) , -9px 0 0 rgb(245,221,8) , -12px 0 0 rgb(5,148,68) , -15px 0 0 rgb(2,135,206) , -18px 0 0 rgb(4,77,145) , -21px 0 0 rgb(42,21,113) ;

  -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

  -moz-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

  -o-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

}

.rotateMe {

 -webkit-transition: -webkit-transform 1s ease-out;

 -moz-transition: -moz-transform 1s ease-out;

 transition: transform 1s ease-out;

}

.rotateMe:hover {

 -webkit-transform: rotate(360deg);

 -moz-transform: rotate(360deg);

 transform: rotate(360deg);

}

.anaglyph-logo1 {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	border: none;

	color: #fffcfc;

	-o-text-overflow: clip;

	text-overflow: clip;

	letter-spacing: 3px;

	text-shadow: -3px 0 1px rgb(30,242,241) , 3px 0 1px rgb(246,5,10);

	text-align: center;

	font-family: "vampaslogo";

	font-size: 55px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

}

.anaglyph-poema1 {	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	border: none;

	color: #fffcfc;

	text-align: center;

	-o-text-overflow: clip;

	text-overflow: clip;

	letter-spacing: 3px;

	text-shadow: -3px 0 1px rgb(30,242,241) , 3px 0 1px rgb(246,5,10);

	font-family: "bellgothic_btroman";

	font-size: 36px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

}

.anaglyph-poema11 {-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	border: none;

	color: #fffcfc;

	text-align: center;

	-o-text-overflow: clip;

	text-overflow: clip;

	letter-spacing: 3px;

	text-shadow: -3px 0 1px rgb(30,242,241) , 3px 0 1px rgb(246,5,10);

	font-family: "bellgothic_btroman";

	font-size: 36px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

}

.anaglyph-poema111 {-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	border: none;

	color: #fffcfc;

	text-align: center;

	-o-text-overflow: clip;

	text-overflow: clip;

	letter-spacing: 3px;

	text-shadow: -3px 0 1px rgb(30,242,241) , 3px 0 1px rgb(246,5,10);

	font-family: "bellgothic_btroman";

	font-size: 36px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

}