@charset "utf-8";
/* CSS Document */

body, html {

    height: 100%; 
    background-image: url(img/bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow-y: hidden;

}



body {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	line-height:7px;
	font-size:10px;
}

p {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	line-height:7px;
	font-size:10px;
 }

.note a:link { 
	color:#000;
	text-decoration:none;
	line-height:7px;
}
.note a:active { 
	color:#000;
	text-decoration:none;
	line-height:7px;
}
.note a:visited { 
	color:#000;
	text-decoration:none;
	line-height:7px;
}
.note a:hover { 
	color:#FFF;
	text-decoration:none;
	background-color:#000;
	line-height:7px;
}

.parallelogram {
	width: 50px;
	height: 150px;
	transform: skew(-25deg);
	background: #000;
}

.note {
	width: 400px;
	height: 150px;
	position: fixed;
	left: 100px;
	top: 300px;


	
}

.text {
	left: 60px;
	top: -40px;
	position: relative;
	overflow: visible;
}