/* General CSS */

@font-face {
	font-family: 'TrajanPro';
	src: url('../fonts/TrajanPro-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	background: #000;
	color: #dfdfdf;
}

/* vídeo de fundo */
.bg-video {
	position: fixed;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}

.bg-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bg-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
}

/* mantém o conteúdo por cima do vídeo */
#header,
#container,
#content,
#submenu,
#homepage,
#homeleft,
#homemain,
.homebox,
.loginbox,
.login {
	position: relative;
	z-index: 1;
}

a { text-decoration:none; }
a img { border:none; }
a { color:#dfdfdf; font-weight:bold; }
a:hover { color:#dfdfdf; font-weight:bold; }
a:visited { color:#dfdfdf; font-weight:bold; }

h1, h2, h3, h4, h5, h6 { color:#dfdfdf; }

/* Layout CSS */
#container {
	width:1000px;
	margin:auto;
}

#content {
	background-color: rgba(122, 98, 160, 0.28);
	font-family:TrajanPro;
	font-size:14px;
	padding:15px;
	color:#dfdfdf;
	overflow-y:auto;
}

#submenu {
	padding-top:14px;
}

/* Homepage */
#homepage {
	display:inline-block;
	width:100%;
}

#homeleft {
	float:left;
	padding-top:19px;
}

#homemain {
	float:right;
	width:682px;
	padding-top:19px;
}

.homebox {
	background-color: rgba(122, 98, 160, 0.28);
	padding-left:16px;
	padding-top:2px;
	padding-bottom:20px;
	margin-bottom:20px;
}

.loginbox {
	background-color: rgba(122, 98, 160, 0.28);
	padding-left:16px;
	padding-top:15px;
	padding-bottom:20px;
	margin-bottom:20px;
}

.login {
	background-color: transparent !important;
}

.newstitle { width:510px; }

/* Header */
/* Header */
#header {
	width:100%;
	height:376px;
	z-index:1;
	position:relative;
}

#header .topbar {
	height:35px;
	background-color: rgba(122, 98, 160, 0.18);
	position:relative;
	z-index:3;
}

#header .topbar .serverinfo {
	width:1000px;
	margin:auto;
	padding-top:8px;
	padding-left:25px;
	font-size:15px;
	font-weight:bold;
}

#headernav {
	font-size:20px;
	font-weight:bold;
	height:50px;
	background: linear-gradient(
		to bottom,
		#2b1a3d 0%,
		#5a2f86 25%,
		#7a4cc0 50%,
		#5a2f86 75%,
		#1a0f26 100%
	);
	box-shadow:0px 3px 6px #000000;
	margin-top:-20px;
	position:relative;
	z-index:10;

	/* “quebra” nas pontinhas (top/bottom) */
	-webkit-mask-image: linear-gradient(
		to bottom,
		transparent 0%,
		#000 12%,
		#000 88%,
		transparent 100%
	);
	mask-image: linear-gradient(
		to bottom,
		transparent 0%,
		#000 12%,
		#000 88%,
		transparent 100%
	);
}

#headernav ul {
	list-style-type:none;
	padding-left:15px;
	margin:0;
	position:relative;
	z-index:10;
}

#headernav li {
	display:inline-block;
	padding-top:13px;
	padding-bottom:13px;
	padding-left:20px;
	padding-right:10px;
	background-color: transparent;
	position:relative;
	z-index:10;
}

#headernav a {
	position:relative;
	z-index:10;
	background:transparent;
}

/* Footer */
#footer {
	width:100%;
	height:250px;
}

#footer .bottombar {
	height:235px;
	width:1000px;
	margin:auto;
}

#footer .bottombar .footernav {
	clear:both;
	font-size:12px;
	font-family:TrajanPro;
	padding-top:318px;
}

#footer .bottombar .footernav ul {
	list-style-type:none;
	padding-left:115px;
}

#footer .bottombar .footernav li {
	display:inline-block;
	font-size:15px;
	padding-top:13px;
	padding-bottom:13px;
	padding-left:20px;
	padding-right:10px;
}

#footer .bottombar .bottom {
	background: #0b1e25 url('../img/footer.jpg') no-repeat center bottom;
	clear:both;
	padding-top:90px;
	margin:auto;
}



/* Left Homepage Buttons */
#btn-register { width:256px; height:199px; display:block; background-image:url(../img/btn_register.png); background-repeat:no-repeat; margin: -13px 0px 0px 13px; opacity:0.9; }
#btn-download { width:256px; height:199px; display:block; background-image:url(../img/btn_download.png); background-repeat:no-repeat; margin: -13px 0px 0px 13px; opacity:0.9; }
#btn-donation { width:256px; height:199px; display:block; background-image:url(../img/btn_donation.png); background-repeat:no-repeat; margin: -13px 0px 0px 13px; opacity:0.9; }
#btn-pvp { width:256px; height:199px; display:block; background-image:url(../img/btn_pvp.png); background-repeat:no-repeat; margin: -13px 0px 0px 13px; opacity:0.9; }
#btn-features { width:256px; height:199px; display:block; background-image:url(../img/btn_features.png); background-repeat:no-repeat; margin: -13px 0px 0px 13px; opacity:0.9; }
#btn-vote { width:256px; height:450px; display:block; background-image:url(../img/btn_vote.png); background-repeat:no-repeat; margin: -13px 0px 0px 13px; opacity:0.9; }



/* Forms */
button, input, input[type=text], input[type=password], input[type=file], textarea {
	font-family:TrajanPro;
}
.generic-form {
	background-color:transparent; border: none;
}
.generic-form-div {
	background-color: transparent;
	border: none;
}


/* Table Stuff */
table {
	font-family:TrajanPro;
}

tr:nth-child(odd) {
    background-color: rgba(81,65,95,0.95);
}
.horizontal-table {

}
.horizontal-table td, .horizontal-table th {
    font-size: 9pt;
    border: 1px solid #322a3a;
}

.horizontal-table td {
    padding: 5px 10px;
    background-color: rgba(111, 91, 127, 0.8);
}

.horizontal-table th {
    padding: 5px 10px;
    background-color: #51415f;
	color: white;
}

.vertical-table td, .vertical-table th {
    font-size: 9pt;
    border: 1px solid #322a3a;
}

.vertical-table td {
    padding: 5px 10px;
    background-color: rgba(111, 91, 127, 0.8);
}

.vertical-table th {
    padding: 5px 10px;
    background-color: #51415f;
	color: white;
}


.horizontal-table th a { color:#fff; font-weight:bold;}
.horizontal-table th a:hover { color:#fff; font-weight:bold;}
.horizontal-table th a:visited { color:#fff; font-weight:bold;}


.info-text {
	background-color: transparent !important;
	border: none;
	color: white;
}


.bg-video {
	position: fixed;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}

.bg-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bg-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
}

#header,
#container,
#content,
#submenu {
	position: relative;
	z-index: 1;
}

#header {
	position: relative;
	text-align: center;
}

.logo-top {
	margin-top: -280px;
	margin-bottom: 5px;
}

.logo-top img {
	display: inline-block;
	max-width: 900px;
	height: auto;
}

#headernav {
	text-align: center;
}

.banner-download{
  display:block;
  max-width:1280px;
  margin:15px auto 0;
}

.banner-download img{
  width:100%;
  height:auto;
  display:block;
}

.banner-footer{
  display:block;
  max-width:1280px;
  margin:20px auto 0;
}

.banner-footer img{
  width:100%;
  height:auto;
  display:block;
}

.social-images{
  display:flex;
  gap:15px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  margin:20px 0;
}

.social-images a{
  width:32%;
  max-width:320px;
  display:block;
}

.social-images img{
  width:100%;
  height:auto;
  display:block;
}

.conteudo-home {
	position: relative;
	z-index: 2;
	clear: both;
	width: 100%;
}



.pvpladder-table{
  width:100%;
  border-collapse:collapse;
  margin-top:10px;
}
.pvpladder-table th,
.pvpladder-table td{
  padding:8px;
  text-align:left;
}



<style>
.carousel {
  width: 100%;
}

.carousel-viewport {
  width: 100%;
  overflow: hidden;
}

.carousel-track {
  display: flex;
  width: 100%;
  transition: transform .5s ease;
}

.carousel-slide {
  flex: 0 0 100%;
  min-width: 100%;
}

.carousel-slide img {
  width: 100%;
  height: auto;
  display: block;
}

.carousel-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
}

.carousel-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 0;
  background: rgba(255,255,255,.35);
  cursor: pointer;
  padding: 0;
}

.carousel-dot.active {
  background: #fff;
}
</style>

body { cursor: auto; }
* { cursor: auto; }
a, button, .btn, input[type="submit"], input[type="button"], input[type="reset"] {
  cursor: pointer !important;
}