@font-face { font-family: 'Cabin'; src: url(../fonts/Cabin-Regular.ttf); font-weight: normal; } @font-face { font-family: 'Cabin'; src: url(../fonts/Cabin-Bold.ttf); font-weight: bold; } @font-face { font-family: 'Cabin'; src: url(../fonts/Cabin-Italic.ttf); font-weight: normal; font-style: italic; } @font-face { font-family: 'RobotoSlab'; src: url(../fonts/RobotoSlab-Regular.ttf); font-weight: normal; } @font-face { font-family: 'RobotoSlab'; src: url(../fonts/RobotoSlab-Bold.ttf); font-weight: bold; } @font-face { font-family: 'RopaSans'; src: url(../fonts/RopaSans-Regular.ttf); font-weight: normal; } html, body { width: 100%; height: 100%; margin: 0; padding: 0; background: black; font: .9em 'Cabin', Helvetica, Helvetica Neue, Arial, sans-serif; overflow:hidden; color: #fff; } body { background: url('../images/bodyBack.png') repeat; } canvas { background: url('../images/texture-yellow.gif') repeat #f2d283; } #touchzone { position: absolute; width: 100%; height: 100%; background-color: none; z-index: 200; bottom: 0; } #toasted-logo img { max-width: 40%; height: auto; margin: 0 auto; display: block; }