html, body {
  height: 100%;
}

body {
/* IE10 Consumer Preview */
background-image: -ms-radial-gradient(center top, circle farthest-corner, #7A7A7A 0%, #080808 100%);

/* Mozilla Firefox */
background-image: -moz-radial-gradient(center top, circle farthest-corner, #7A7A7A 0%, #080808 100%);

/* Opera */
background-image: -o-radial-gradient(center top, circle farthest-corner, #7A7A7A 0%, #080808 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(radial, center top, 0, center top, 546, color-stop(0, #7A7A7A), color-stop(1, #080808));

/* Webkit (Chrome 11+) */
background-image: -webkit-radial-gradient(center top, circle farthest-corner, #7A7A7A 0%, #080808 100%);

/* W3C Markup, IE10 Release Preview */
background-image: radial-gradient(circle farthest-corner at center top, #7A7A7A 0%, #080808 100%);
}

#canvas-wrap { position:relative } /* Make this a positioned parent */
#overlay     { position:absolute; top:0px; left:0px; }


.input-micro       { width: 30px; }

.input-nano       { width: 20px; }

.ram-selection-highlight { color: #049cdb; }
.rom-selection-highlight { color: #049cdb; }

.component {
display: inline-block;
background-color: #ddd;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border: 1px solid #444;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 6px;
margin-bottom: 20px;
text-align: center;
}

.fancyheader {
  color: white;
  font-family:'Dancing Script', 'cursive';
  font-size: 50px;
  line-height: 70px;
}