body{
    font-family: 'teaspoon';
background-color: #000;
color: #000;
	text-shadow: 0 -1px #fff, 1px 0 #fff, 0 1px #fff, -1px 0 #fff;
}

#video_background {
	position: absolute;
	top: 0px;
	right: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1000;
	overflow: hidden;
}


#wrapper {
background: rgba(0,155,255,.3);
background-image: url(img/pattern.png);
	position: fixed;
	opacity: 0.5;
width: auto;
min-height: auto;
margin: auto 10px;
padding: 20px;
}

@font-face {
    font-family: 'teaspoon';
    src: url('fonts/teaspoon.eot');
    src: url('fonts/teaspoon.eot?#iefix') format('embedded-opentype'),
         url('fonts/teaspoon.woff2') format('woff2'),
         url('fonts/teaspoon.woff') format('woff'),
         url('fonts/teaspoon.ttf') format('truetype'),
         url('fonts/teaspoon.svg#teaspoon') format('svg');
    font-weight: normal;
    font-style: normal;

}