/* text and body color and properties */
body {
    background: var(--background-color);
    color: var(--color);
    zoom: 140%;
    display:flex; 
    flex-direction:column; 
    height:100%; 
    margin:0;
}

/* containers */
.container-fluid {
    padding-right: 55px;
    padding-left: 55px;
    margin-right: auto;
    margin-left: auto;
}
.container-articles {
    padding-left: 100px;
    padding-right: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow: auto;
}

/* link styling */
a { 
    color: var(--link-color); 
    text-decoration: none; 
}
a:hover { 
    color: var(--color); 
    text-decoration: none; 
}

/* scroll bar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: var(--scroll-color);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* navbar list */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
li {
    display: inline;
    padding: 10px;
}

/* date tag */
.date {
    font-size: 90%;
    padding-bottom: 10px;
}

/* header */
a.header-link{
    color: var(--color);
    cursor: pointer;
}

/* footer */
footer {
    min-height: 23px;
	font-size: 12px;
    margin-top:auto;
}