
@font-face {
    font-family: 'IBM VGA 8x16';
    src: url(res/WebPlus_IBM_VGA_8x16.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
  
body {
margin:0;
padding:0;
/* user-select: none; */
}

.bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
margin:0;
padding:0;
display:block;
pointer-events:none;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;  
user-select: none;
}

#donkey {
position:relative;
width:100%;
height:100%;
text-align:center;
}

.logo_smaller {
background-image:url('res/logo_smaller.png');
width:350px;
height:250px;
margin:0 auto;
}

.logo {
background-image:url('res/logo.png');
width:700px;
height:500px;
margin:0 auto;
}

/* .home {
  background-image:url('res/homeButtonStatic.gif');
  width:337px;
  height:88px;
  margin:0 auto;
}
    
.home:hover {
  background-image:url('res/homeButtonAnimated.gif');
} */

.textbox {
text-align:left;
background: rgba(0, 0, 0, 1.0);
width:640px;
margin: 0px auto;
padding: 32px;
font-family:'IBM VGA 8x16', monospace;
font-size: 32px;
line-height: 32px;
transform: scaleX(0.833333333333333);
color:#ccc;
white-space:pre-wrap;
border-radius:8px;
box-shadow:rgba(0,0,0,.75) 8px 8px 8px;
}

a {
color: #e76d00;
text-decoration:none;
}
  
.scrot {
border:2px black solid;
box-shadow:rgba(0,0,0,.75) 8px 8px 8px;
margin:8px;
}

.canvas_holder {
    box-sizing: border-box;
/* color rgb(44, 44, 44) */
display: block;
/* font-family "Helvetica Neue", Helvetica, Arial, sans-serif */
/* font-size 14px */
/* height: 640px; */
/* line-height 20px */
/* text-align: -webkit-center; */
/* visibility: hidden; */
/* width: 480px; */
/* -webkit-tap-highlight-color rgba(0, 0, 0, 0) */
}