@import "fonts.css";

:root {
    --background-col: #222;
    --font-col: #fff;
    --highlight-col: #69bbc8;
    --selected-col: #888;
}

body {
    background-color: var(--background-col);
    margin: 45px;
    color: var(--font-col);
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 1.8 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    color: var(--font-col);
}

p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

section {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.site-footer {
    position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translate(-50%, +50%);
}

.site-footer p {
	font-family: 'Montserrat', sans-serif;
	color: var(--font-col);
	font-weight:200;
	font-size:0.7em;
}

.site-nav li {
    display: inline;
    margin-right: 15px;
}

.site-nav a {
    text-decoration: none;
    color: var(--font-col);
}

.site-nav a:hover {
    color: var(--highlight-col);
}

.site-nav .current {
    color: var(--selected-col);
}