body {
    margin: 0;
    padding: 0;
}

#connectButton {
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 1.5em;
    border-radius: 0;
    border: 0;
    height: 40px;
}

#connectButton:hover {
    background: #ccc;
}

#rawContent {
    width: 100%;
    height: 30vh;
    background: #222;
    color: aquamarine;
    overflow-y: scroll;
    overflow-x: hidden;
    white-space: pre-wrap;
    padding: 15px;
    box-sizing: border-box;
    margin: 0;
    border-bottom: 2px solid aquamarine;
    padding: 0 15px 15px;
    box-sizing: border-box;
}

#gbPrinter {
    width: 100%;
    height: calc(70vh - 40px);
    /*background: url(assets/gbprinter.png) no-repeat center center;
    background-size: 2500px auto;
    background-position-y: top;*/
    background: #222;
    overflow: auto;
    text-align: center;
}

#gbPrinterOutput {
    background: #fff;
    width: 350px;
    height: 350px;
    position: absolute;
    overflow: auto;
    text-align: center;
}

.image-container {
    display: inline-block;
    padding: 10px;
    text-align: center;
    margin: 10px 0 0 10px;
    padding: 10px;
    background: #444;
    border: 1px solid aquamarine;
}

.imageCanvas {
    display: block;
    margin-bottom: 10px;
}

#gbPrinter .image-container button {
    width: calc(50% - 5px);
    box-sizing: border-box;
    background: #222;
    color: aquamarine;
    padding: 10px;
    border: 1px solid aquamarine;
    cursor: pointer;
}

#gbPrinter .image-container button:first-of-type {
    margin-right: 10px;
}

#gbPrinter .image-container button:hover {
    background: #444;
}