/*body {
	background-image: url("bgr.png");
	background-repeat: repeat;
}*/

@font-face {
	font-family: 'Papir';
	src: url(papyrus.ttf);
}

@font-face {
	font-family: 'PapirB';
	src: url(papyrusb.ttf);
}

h1 { font-family: Papir, Papyrus, fantasy; font-size: 42px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 46.4px; }
h2 { font-family: Papir, Papyrus, fantasy; font-size: 32px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 24px; }
h3 { font-family: Papir, Papyrus, fantasy; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; } 
p, label, marquee { font-family: Papir, Papyrus, fantasy; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; }
a { font-family: Papir, Papyrus, fantasy; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 32px; }
b { font-family: PapirB, Papir, Papyrus, fantasy; font-size: 24px; font-style: bold; font-variant: normal; font-weight: 1000; line-height: 32px; }
button { font-family: Papir, Papyrus, fantasy; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 33px;}
blockquote { font-family: Papir, Papyrus, fantasy; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } pre { font-family: Papir, Papyrus, fantasy; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5667px; }

a, h1, h2, h3, p, label, marquee {
	color: white;
}

hr {
	width: 75%;
	border-top: 3px outset #009191;
	border-bottom: 5px outset #AB00B8;
	
}

.border {
	border-top: 4px outset #009191;
	border-left: 4px outset #009191;
	border-right: 4px outset #AB00B8;
	border-bottom: 4px outset #AB00B8;
}

.header {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	background-image: url("background.png");
	background-repeat: repeat;
	background-color: black;
	width: 50%;
}

.navbar {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	height: 40px;
	text-align: center;
	display: block;
	text-decoration: none;
}

.navbar a {
	display: inline-block;
	color: white;
	cursor: pointer;
	padding: 3px 7px 3px 7px;
	
	text-decoration: none;
	background-color: lightgray;
	border-top: 4px outset #009191;
	border-left: 4px outset #009191;
	border-right: 4px outset #AB00B8;
	border-bottom: 4px outset #AB00B8;
	background: #3c0078;
	background: -webkit-linear-gradient(90deg, rgba(60, 0, 120, 1) 0%, rgba(171, 0, 184, 1) 100%);
	background: -moz-linear-gradient(90deg, rgba(60, 0, 120, 1) 0%, rgba(171, 0, 184, 1) 100%);
	background: linear-gradient(90deg, rgba(60, 0, 120, 1) 0%, rgba(171, 0, 184, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3C0078", endColorstr="#AB00B8", GradientType=1);
}

.navbar a:hover {
	background-color: white;
}

.navbar a:active {
	background-color: lightgray;
	border-top: 4px inset #009191;
	border-left: 4px inset #009191;
	border-right: 4px inset #AB00B8;
	border-bottom: 4px inset #AB00B8;
}

.butt {
	text-decoration: none;
	background: #000000;
	background: -webkit-linear-gradient(90deg, rgba(60, 0, 120, 1) 0%, rgba(171, 0, 184, 1) 100%);
	background: -moz-linear-gradient(90deg, rgba(60, 0, 120, 1) 0%, rgba(171, 0, 184, 1) 100%);
	background: linear-gradient(90deg, rgba(60, 0, 120, 1) 0%, rgba(171, 0, 184, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3C0078", endColorstr="#AB00B8", GradientType=1);
	color: white;
	cursor: pointer;
	border-top: 4px outset #009191;
	border-left: 4px outset #009191;
	border-right: 4px outset #AB00B8;
	border-bottom: 4px outset #AB00B8;
}

.butt:hover {
	background-color: white;
}	

.butt:active {
	border-color: lightgray;
	border-top: 4px inset #009191;
	border-left: 4px inset #009191;
	border-right: 4px inset #AB00B8;
	border-bottom: 4px inset #AB00B8;
}

.main {
	text-align: center;
	background-color: black;
	background-image: url("background.png");
	background-repeat: repeat;
	width: 75%;
	display: block;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}

.footer {
	text-align: center;
	width: 50%;
	display: block;
	background-image: url("background.png");
	background-repeat: repeat;
	background-color: black;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
}

.footer img {
	padding-right: 2px;
	padding-left: 2px;
}

.del {
	margin-right: 15px;
	text-decoration: none;
	border: none;
	padding: 3px 7px 3px 7px;
	background-color: red;
	cursor: pointer;
	color: black;
	border-top: 2px solid white;
	border-left: 2px solid white;
	border-right: 2px solid darkred;
	border-bottom: 2px solid darkred;
}

.del:hover {
	background-color: lightsalmon;
}

.del:active {
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid darkred;
	border-bottom: 2px solid darkred;
	background-color: darkred;
}

.file {
	display: flex;
}

.file a {
	margin-left: 15px;
	margin-right: auto;
	width: 500px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: left;


}

.upload {
	color: white;
	cursor: pointer;
}

.upload::file-selector-button {
	text-decoration: none;
	background-color: lightgray;
	color: black;
	border-top: 2px solid white;
	border-left: 2px solid white;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
}

.upload::file-selector-button:hover {
	background-color: white;
}

.upload::file-selector-button:active {
	margin-top: 2px solid black;
	margin-left: 2px solid black;
	margin-right: 2px solid white;
	margin-bottom: 2px solid white;
}

.tble {
	width: 100%;
}

.tble table {
	margin-left: auto;
	margin-right: auto;
	color: white;
	border-collapse: collapse;
}
.tble th {
	font-weight: bold;
	font-size: 20px;
	background-color: #4d0055;
}
.tble td, th {
	text-align: left;
	border: 3px inset white;
	padding: 3px;
}
.tble tr:nth-child(odd) {
	background-color: #4d0055;
}

.oldpc {
	color: white;
	display: inline-block;
	text-align: center;
}

.file-xm,
.file-s3m,
.file-mod,
.file-ogg,
.file-flac,
.file-wav,
.file-mp3 {
	content:url("filetypes/audio.png");
}

.file-doc,
.file-docx {
	content:url("filetypes/doc.png");
}

.file-jpg,
.file-jpeg,
.file-png,
.file-gif {
	content:url("filetypes/img.png");
}

.file-zip,
.file-tar,
.file-gz,
.file-7z,
.file-rar,
.file-lzma,
.file-lzma2 {
	content:url("filetypes/zip.png");
}

.file-txt {
	content:url("filetypes/text.png");
}

.file-avi,
.file-mov,
.file-mp4 {
	content:url("filetypes/video.png");
}

.file-exe {
	content:url("filetypes/exe.png");
}

.file-iso,
.file-bin,
.file-cue {
	content:url("filetypes/iso.png");
}

.file-msi {
	content:url("filetypes/ins.png");
}

.file-bat,
.file-cmd,
.file-vbs,
.file-sh {
	content:url("filetypes/sh.png");
}

@media screen and (max-width: 1280px) {
	.main {
		width: 90%;
	}
	.header {
		width: 90%;
	}
	.footer {
		width: 90%;
	}
}