/* cool beans*/
/* layout.css */
*{box-sizing:border-box;}
div#wrapper {
    padding: 0px;
    width: 570px;
    height: 600px;
    overflow: auto;
    margin: 0px auto;
}
div#left, div#right {
    display: inline-block;
    width: 33.3334%;
    text-align: center;
}
div#left {
    float:  left;
    height: auto;
    padding-bottom:5px;
    /*border-style: solid;
    color:#515;  */
    /*background:#0bb; */
    /*margin: 0 auto;*/        /* super important, does the aligning */
    /*padding: 0px 1px 1px 1px;  T R B L  */
}
div#right {
    float: right;
    height: auto;
    padding-bottom:5px;
    margin: 0 auto;
    /*border-style: solid; 
    color:#515;  */
    /*background:#0bb; */
    /*margin: 0 auto;*/        /* super important, does the aligning */
    /*padding: 0px 1px 1px 1px;  T R B L  */
}
div#content {
    display: inline-block;
    width: 30%;
    text-align: center;
    height: auto;
    padding-bottom:5px;
}
div#table {
    display: inline-block;
    float:  left;
    width:  100%;
    height: 100px;
    /*border-style: solid; 
    padding-left:5px;
    color:  #515;  
    /*background:#0bb; */
    /*margin: 0 auto;*/        /* super important, does the aligning */
    /*padding: 0px 1px 1px 1px;  T R B L  */
}
img {
    width: 150px;
    height: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
html {
    background-color:;
    background-image:url('http://blog.visme.co/wp-content/uploads/2017/07/50-Beautiful-and-Minimalist-Presentation-Backgrounds-03.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    background-attachment: fixed; /* we don't want it to scroll */
    background-size: cover;
}
#output {
    margin: 0px;
    display: block;
}