.links span{
    padding: 10px 14px;
    margin: 5px 10px 5px 0;
    background: #b2d5da;
    color: black;
    white-space: nowrap;
    display: inline-block;
}

.sub-link{
    position: fixed;
    top: 100%;
    transition: 500ms top;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fee59e;
    overflow: auto;
}

.open-sub-link .sub-link{
    top: 0;
}

.sub-link-nav {
    padding: 25px 0;
}

.sub-link-nav, .sub-link-body{
    width: 90%;
    margin: 0 auto;
}

.sub-link-nav .bar{
    background: #d8ba64 !important;
}

.sub-link-nav button{
    padding: 8px 15px;
    background: #ec538b;
    border: 0;
    color: white;
    font-size: 1.4em;
    margin: 10px;
    margin-left: 25px;
}

.sub-link-nav h2.link{
    display: inline;
    margin-left: 10px;
}

.sub-link-body hr {
    border: 1px solid #dcbb5d;
    width: 100%;
    margin: 0 auto;
}

.sub-link-body input[type=text] {
    border: none;
    width: 100px;
    padding: 6px;
}

.graph {
    width: 100%;
    height: 201px;
    background: #dcbb5d;
    overflow: auto;
}

.sub-link-body .info-columns{
    column-count: 2;
    padding: 20px 0;
    width: 80%;
    margin: 0 auto;
}

.info-columns p{
    padding: 10px 0;
}

.minicube-count{
    font-size: 0.6em;
    vertical-align: middle;
}