style.css

html, body {
    font-family : "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background-color: #e4ddd7;
    padding : 5px 0 0 0;
    margin : 0;
}

a {
    color : #206343;
    margin : 5px;
}

a:hover {
    color : #118b51;
    margin : 5px;
}

footer {
    opacity : 0.7;
    position: absolute;
    bottom : 10px;
    right : 10px;
    font-style: italic;
}

footer:hover {
    opacity : 1.0;
}

#no-plots-message {
    width : 500px;
    text-align : center;
    line-height : 25px;
    position : absolute;
    margin:auto;
    position:absolute;
    top: 50%;
    left: 50%;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
}

#no-plots-message h1 {
    font-size : 100px;
    font-family : "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color : #999;
}

#no-plots-message span {
    font-size : 18px;
    font-style : italic;
    color : #555;
}

code {
    background : #5d524a;
    color : white;
    padding : 5px 7px 5px 7px;
    margin: 0 4px 0 4px;
    border-radius: 2px;
}

#plots {
    height : 100vh;
    width  : 100%;
    margin : 0 auto;
}

.grid-stack-item-content {
    background-color: white;
    -webkit-box-shadow : 0px 2px 3px 0px rgba(0,0,0,0.4);
    -moz-box-shadow : 0px 2px 3px 0px rgba(0,0,0,0.4);
    box-shadow : 0px 2px 3px 0px rgba(0,0,0,0.4);
    z-index : 2;
    overflow : hidden;
}

.plot-box {
    background-color : white;
    width : 100%;
    height : calc(100% - 50px);
    position : relative;
}


.control-box {
    width : 100%;
    height : 40px;
    background-color : #4b7360;
    position : absolute;
    bottom : 0;
    padding : 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.remove-plot-button {
    width : 36px;
    height : 36px;
    background: url("img/ic_clear_white_36dp_1x.png") no-repeat center;
    border : none;
    cursor : hand;
    cursor : pointer;
}