@font-face {
    font-family: tragic_marker;
    src: url(../assets/tragicmarker-webfont.woff );
}

@font-face {
    font-family: chomp;
    src: url(../assets/Chomp.ttf );
}

@font-face {
    font-family: abasalom;
    src: url(../assets/abasalom-demo.otf );
}

canvas {
    /* border: 1px solid black; */
}
#wrapper {
	position: relative;
	padding-bottom: 66.66%;
	height: 0;
  max-width: 960px;
  margin: auto;
}

#wrapper canvas {
  max-height: 640px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}