/* only used for when there are 5 tabs */
.twenty {
    width: 20%;
}

/* Style tab links */

.tablink {
    background-color: #555;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    /* padding: 14px 16px; */
    font-size: 17px;
    height: 47px;
    /* width: 50%; */
    /* TODO: base width off of the number tabs, data-bind?*/
}

.tablink:hover {
    background-color: #777;
}

.tabcontainer {
    color: black;
    height: 100%;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
    /* color: white; */
    display: block;
    /* padding: 100px 20px;*/
    height: 100%;
    /* TODO: get a sold number for this based off of the tab button*/
}

/* Below is temporary, each child should control how it looks */

/* #Home {
    background-color: red;
}

#News {
    background-color: green;
}

#Contact {
    background-color: blue;
}

#About {
    background-color: orange;
} */