/* setting background color */
body{
    background-color: #e6e6e6;
}
/* styling nav-table using external css */
.nav-table{
    background-color: #333;
    border: 2px solid black;
    width: 50%;
    float: center;
    overflow: hidden;
}
/* setting color during active using external css */
.nav-table a{
    color: #f2f2f2;
}
/* setting color during hover using external css */
.nav-table a:hover{
    background-color: #ddd;
    color: black;
}
/* Styling blog section using external css */
.blog{
    flex: 75%;
    margin: 30px;
    padding: 20px;
    background-color: white;
}
/* Styling sidebar section using external css */
.sidebar{
    flex: 25%;
    margin: 30px;
    padding: 20px;
    background-color: white;
}
/* styling footer in centre using external css */
.footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align:center;
}