@font-face {
        font-family: iosevka;
        src: url(iosevka-regular.ttf);
}
html {
	font-family: iosevka;
	font-size: 4vmin;
	background-color: #282C34;
	color: #ABB2BF;
}

a {
	text-decoration: none;
	color: inherit;
}

.upDir {
	color: #98C379;
}
.cbox {
	padding: 15px;
	text-align: center;
	margin-left: 25%;
	margin-right: 25%;
	border: 5px solid #61AFEF;
}
.listing {
	transition: 0.5s ease-in-out;
	color: #61AFEF;
}
.dirListing {
	transition: 0.5s ease-in-out;
	color: #C678DD;
}
.listing:hover {
	color: #9bc6e8;
}
.dirListing:hover {
	color: #d2a9de;
}


.legend {
	padding: 15px;
	text-align: center;
	margin-top: 20px;
	margin-left: 25%;
	margin-right: 25%;
	border: 5px solid #61AFEF;
}