body
{
    background-color:#399;
}
header
{
    height:15%;
    width:100%;
    margin-bottom:2%;
    border-radius: 5px;
}
nav
{
    height:97%;
    width:43%;
    padding:1%;
    background-color:#347;
    border-radius: 5px;
    float: left;
}
#header
{
    width:80%;
    height:50%;
    margin-top:4%;
    margin-bottom:5%;
    margin-left:10%;
    margin-right:10%;
    
}
article
{
    height: 90%;
    width: 54%;
    margin-left:46%;
    border-radius: 5px;
    overflow:auto;
}
#droppy
{
    height:70%;
    margin-top:10%;
    margin-left:20%;
    content: url("assets/DROPPY.svg");
}
#droppy:hover
{
    content: url("assets/DROPPYsmile.svg");
}
aside
{
    height: 74%;
    width: 90%;
    background-color:#347;
    padding:5%;
    border-radius: 5px;
    overflow:auto;
}
table
{
    width:100%;
    height:100%;
    background-color:#399;
    border-radius:5px;
    border-spacing:20px;
    table-layout:fixed;
}
td
{
    background-color:#fe7;
    border-radius:5px;
    width:20%;
    height:25%;
    padding-left:2%;
    padding-right:2%;
}
#td2
{
    background-color:#fee;
    border-radius:5px;
    width:20%;
    height:25%;
    padding-left:2%;
    padding-right:2%;
}
#waterBar
{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
#noscript
{
    background-color:#fff;
}

button
{
    height:35%;
    width:35%;
    margin:5%;
    margin-left:8%;
    border:none;
    border-radius:5px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight:bold;
    font-size:16pt;
    text-align:center;
    background-color:#569;
    color:#125;
}
button:active
{
    background-color:#67a;
}