@charset "utf-8";

/* CSS Document using css variables*/

:root {
    --main-fg-color: black;
    --main-bg-color: rgba(0, 52, 115, 0.2);
    --main-bgsolid-color: #003473;
}

html {
    background-color: var(--main-bg-color);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Raleway', sans-serif;
}

header {
    background-color: var(--main-bgsolid-color);
    font-family: 'Raleway', sans-serif;
    color: white;
}

body {
    font-family: 'Roboto', sans-serif;
}

footer {
    background-color: var(--main-bgsolid-color);
    font-family: 'Raleway', sans-serif;
    color: white;
}


a:link {
    color: #0093c9;

}

a:hover {
    color: white;
    /*    background-color: var(--main-bgsolid-color);*/
}


a:visited {
    color: #0093c9;
}


html,
h1,
h2,
h4,
h5,
h6 {
    font-family: "Raleway", sans-serif;
}

h3 {
    font-family: 'Roboto', sans-serif;
}


.navbar {
    overflow: hidden;
    background-color: var(--main-bg-color);
    position: fixed;
	bottom: 0;   
    max-width: 770px;
	z-index:5;
}

.navbar a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
	
}

/
.navbar a:hover {
    background: var(--main-bgsolid-color);
    color: white;
}

.navbar a.active {
    background-color: #4CAF50;
    color: white;
}