@charset "utf-8";
/* CSS Document */
body {
  background-color:black;
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: white;  
}
p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: white;
  margin: auto;  
} 

h1 {
  font-family: Arial, serif;
  font-size: 32px;
  color: white;
}
	
.menu2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	letter-spacing:3px;
	}
	
a{
	color: #ffffff !important;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	text-decoration: none !important;}

a.sp:hover{
	color: #FFF;
	font-size: 24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	text-decoration:none;
	text-shadow: 0 0 0.2em #FFF, 0 0 0.2em #FFF, 0 0 0.2em #FFF;
	}

#upload{
	font-weight:bold; font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	width:150px;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}

#status{
	font-family:Arial; padding:5px;
}
.success{ background:#99f099; border:1px solid #339933; }
.error{ background:#f0c6c3; border:1px solid #cc6622; }

#link{
	font-weight:bold; font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	width:150px;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.page-item.page-link2{
position: relative;
display: inline-block;
padding: 20px;
font-size: 16px;
}
.header-img {
  width: 100%;
  height: 100vh;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(images/bg_bt.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: auto;
  position: relative;
}

.header-text {
  font-size: 200%;
  color: #fff;
  letter-spacing: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}