html, body, h1, h2, h3, h4, h5, h6, p, ul, li, a, p {
	margin: 0;
	padding: 0;
	z-index: -100;
}

@font-face {
	font-family: 'Bungee';
	font-style: normal;
	font-weight: 400;
	src: local('Bungee'), local('Bungee-Regular'), url(../assets/fonts/bungee/bungee_regular.woff2) format('woff2');
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body {
	width: 100%;
	height: 100%;
	background-color: hsl(210, 12%, 10%);
	font-family: sans-serif;
	font-size: 16px;
	color: hsl(210, 50%, 95%);
}

h1 {
	font-size: 2rem;
	font-family: Bungee, sans-serif;
}

a {
	color: hsl(20, 80%, 55%);
	text-decoration: none;
	padding-bottom: 1px;
	transition: color 0.2s;
}

a:hover {
	color: hsl(20, 80%, 75%);
	border-bottom: 1px dashed hsl(20, 50%, 30%);
}

p {
	color: hsl(210, 10%, 75%);
	line-height: 2rem;
	margin-bottom: 2rem;
	text-align: justify;
}

p:last-of-type {
	margin-bottom: 0;
}

header input[type="checkbox"] {
	display: none;
}

nav .current {
	color: #FFF;
}

ul {
	list-style: none;
	line-height: 2rem;
}

.hidden {
	display: none;
}

.hideChildren * {
	display: none;
}

::-webkit-scrollbar {
    width: 10px;
	background-color: hsl(210, 12%, 5%);
}

::-webkit-scrollbar-track {
}

::-webkit-scrollbar-thumb {
	background-color: hsl(210, 12%, 30%);
    border-radius: 10px;
}

footer {
	display: block;
	position: relative;
	padding: 3rem 0;
	text-align: center;
}

footer .copyright:after {
	color: hsl(210, 12%, 25%);
	font-size: 0.8rem;
	content: 'Copyright © 2018 Dennis Ang and individual contributors. All rights reserved.';
}