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

}
html, body { margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:1;
	font-family:inherit;
	text-align:left;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul { list-style:none; }

blockquote:before, 
blockquote:after { content:""; }

a { outline:none; }

body{
    background:	url(../images/crossword.png) repeat;
}

canvas{
    margin-top: 50px;
    background-color: #fff;
    border-radius:  20px;
    cursor: crosshair;
}

header {
    background:	url(../images/noisy_net_@2X.png) repeat;
    width:  100%;
    height: 120px;
    margin-top 50px;
}

header h1 {
    font-family: 'badaboom', sans-serif;
    font-size:  100px;
    text-align: center;
    color: #fff;
    letter-spacing: 5px;
    line-height: 120px;
}