:root{
    --bg: #1f1f1f;
    --text: #c1c1c1;
    --headings: 'Tahoma';
    --paragraphs: 'Trebuchet MD';
}

body{
    background-color: var(--bg);
    color: var(--text);
    font-family: var(--headings);
    margin: 0;
    text-align: center;
}

p{
    font-family: var(--paragraphs);
}

/* Navigation Bar */
.navBar{
    font-family: var(--headings);
    display: flex;
    background-color: #366064;
}

/* Title Bar */
.titleBar *{
    font-family: var(--headings);
    font-size: 24px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #244143;
    margin: 0;
    height: 50px;
}

/* Links */
a{
    text-decoration: none;
}

a:link{
    color: #b8b8b8;
}

a:visited{
    color: #717171;
}

a:hover{
    color: #28c3d1;
}

/* Small Text */
small{
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 0.5em 0.5em;
}

/* Buttons */
button{
    padding: 0.75em 1em;
    text-align: center;
    border-style: none;
    background-color: rgb(63, 111, 115);
    font-family: 'Tahoma';
    font-size: 16px;    
}

button:hover{
    background-color: #5b9ca3;
    color: #dadada;
    font-weight: bold;
    font-family: 'Trebuchet MD';
}

/* Div width */
div{
    width: 100%;
}