body {
	background-image: url(media/images/starry.gif);
}

pre {
	background-color: black;
	color: silver;
}

pre span {
	color: aqua;
}

.particle {
	display: block;
	position: fixed;
	width: 16px;
	height: 16px;
}

.doc {
	margin: auto;
	width: 100%;
	max-width: 750px;
	height: fit-content;
	min-height: 100vh;
	padding: 5px;

	background-image: url(media/images/loungeba.gif);
	box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;
}

.doc > * {
	margin-top: 10px;
}

.doc p {
	margin: 0;
	font-size: 200%;
	color: white;
}

.blinkies {
	width: fit-content;
	margin: auto;
}

.git {
	text-align: center;
}

.git img {
	max-width: 25%;
	height: 55px;
}

.flag {
	height: 16px;
	image-rendering: pixelated;
}

.skills {
	width: 100%;
	table-layout: fixed;

	background-color: transparent;
}

.skills progress {
	width: 100%;
}

.presentation {
	width: fit-content;
	margin: auto;
}

.presentation img {
	display: inline;
	vertical-align: middle;
	max-width: 7em;
}

.presentation div {
	display: inline-block;
	vertical-align: middle;
}

.presentation h1, .presentation p {
	display: inline;
	margin: 0;
	vertical-align: middle;
}

.presentation h1 {
	font-size: 300%;
	font-weight: 600;
	color: #222;
	text-shadow: white 0 0 2px;
}

.presentation p {
	font-size: 150%
}


.fetch {
	display: flex;
}

.hidden {
	height: 0;
	display: none;
}

.fetch pre {
	box-shadow: none;
	padding: 0;
}

.fetch span, .fetch .left {
	color: aqua;
}

.fetch .left, .fetch .right {
	flex: 1;
}

.links {
	position: fixed;
	left: 5px;
	top: 5px;

	max-height: 100vh;
}

.player {
	display: flex;
	position: fixed;
	bottom: 5px;
	right: 5px;

	height: 64px;
	width: 400px;
}

.player img {
	width: 64px;
	height: 64px;
}

.player button {
	height: 64px;
	background-image: url(media/images/toggleaudio.png);
	background-repeat: no-repeat;
	background-position: -10%;
}

.player button.playing {
	background-position: 110%;	
}

.player div {
	display: inline-block;
	vertical-align: top;
	height: 64px;
	flex: 1;
}

.player p {
	width: fit-content;
	margin: 0;
	vertical-align: top;

	font-size: 115%;
}

.player progress {
	bottom: 0;
	width: 100%;
}