:root {   
	--color-gray: #858585; 
	--color-whiteish: #fffff4; 
	--color-pink: #F557FF;
	--color-yellow: #ffff45;
	--color-green: #099;
	--color-blue: #4a67cf;
	--color-orange: #f96163;
	font-size: 15px;
	 line-height: 16.6px;	
}
@font-face {
	  font-family: "Snap" ;
	  src: url("https://vvvvvvaria.org/~jochicau/all_errors/Snap-itmono-1.6-Regular.otf");
}

body{
	background-color: var(--color-whiteish);
	margin-top: calc(6px + 1em);
	font-family: "Snap" ;
	color: var(--color-blue);
}
body > a {
	position: fixed;
	top: 0;
	left: 0;
	color: var(--color-whiteish);
	background-color: var(--color-orange);
	width: 100%;
	padding: 3px 10px;
}
.filename {
	visibility: hidden;
}
h1{
	font-size: 6.5rem;
	line-height: 6.5rem;
	margin: 2rem 0rem 4rem 0rem;
	text-shadow: 0.05em 0.05em 0.05em var(--color-orange);
} 
div{
	max-width: 520px;
	float: left;
	margin: 1rem;
	padding: 0;
}
.html{
	margin:0 3em;
}
li {
	list-style: none;
}
.pdf object{
	width: 400px;
	height: 400px;
}
div#folder{
	float:left;
	margin-right:2em;
}
.plain,
.unkown-file{
	float:right;
	clear:right;
}
img, audio {
	box-shadow: 0.2em 0.2em 0.5em var(--color-green);
}
figcaption,
.filename{
	font-size:small;
	color: var(--color-green);
	margin:1em;
	word-break: break-word;
	text-transform: uppercase;
}
a{
	font-family: "Snap" ;
    word-break: break-word;
	color: var(--color-blue);
	text-decoration: none;
	border-bottom: 0.1rem solid var(--color-orange);
}
a:visited {
	color: var(--color-blue);
}
blockquote{
	margin: 5em 0em;
	padding: 2rem;
	font-style: italic;
	background: var(--color-blue);
	color: var(--color-whiteish);
	border-radius: 4rem 1rem;
	box-shadow: 0.5rem 0.1rem 2rem var(--color-orange);
	font-size: 1.2rem;
	line-height: 1.8rem;
}

blockquote a, blockquote a:visited{
	color: var(--color-whiteish) !important;
}