body {
    background-color: #181816;
    background-image: url("./imglanding/taleon_bg2.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.serverStatus {
    font-family: Arial;
    font-size: 11px;
    color: #16d034;
}
.urlImg { width: 192px; height: 46px; display:block; background-image: url('./imglanding/playnow.png'); } .urlImg:hover { background-image: url('./imglanding/playnow_over.png'); }	
.urlImgR { width: 192px; height: 46px; display:block; background-image: url('./imglanding/registernow.png'); } .urlImgR:hover { background-image: url('./imglanding/registernow_over.png'); }

.countdownDiv {
    margin-bottom:60px;
    margin-top:60px;
}

.centerText {
    width: 490px;
    margin-left: auto;
    margin-right: auto;
    background-color: #0000006b;
    padding: 10px;
    border-radius: 30px;
    border: 1px solid #780f00;
    padding-bottom: 28px;
    padding-top: 5px;
}

.centerText h1 {
    text-align:center;
    font-family: Arial;
}
.countdownHeadertext {
    font-size: 64px;
    background: -webkit-linear-gradient(#29e8ff, #0066ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 30px;
}
.centerText .subheader {
    font-size: 33px;
    margin-top: -18px;
    margin-bottom: 25px;
    background: -webkit-linear-gradient(#ffe558, #be5402);
    -webkit-background-clip: text;
    text-shadow: 0px 0px 5px #ff000033;
    -webkit-text-fill-color: transparent;

}
.centerText .startingIn {
    color: #8c8c8c99;
    font-size: 26px;
}
.mycss
{
    text-shadow:1px 1px 15px rgba(212,192,61,0.5);font-weight:normal;text-transform:uppercase;color:#3081BF;letter-spacing:2pt;word-spacing:4pt;font-size:51px;text-align:center;font-family:arial black, sans-serif;line-height:0;
}
.RegisterBtn {
    margin-left:auto;
    margin-right:auto;
    -moz-box-shadow:inset 0px 0px 0px 0px #cf866c;
    -webkit-box-shadow:inset 0px 0px 0px 0px #cf866c;
    box-shadow:inset 0px 0px 0px 0px #cf866c;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a90900), color-stop(1, #210c0b));
    background:-moz-linear-gradient(top, #a90900 5%, #210c0b 100%);
    background:-webkit-linear-gradient(top, #a90900 5%, #210c0b 100%);
    background:-o-linear-gradient(top, #a90900 5%, #210c0b 100%);
    background:-ms-linear-gradient(top, #a90900 5%, #210c0b 100%);
    background:linear-gradient(to bottom, #a90900 5%, #210c0b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90900', endColorstr='#210c0b',GradientType=0);
    background-color:#a90900;
    background: linear-gradient(to bottom, #a90900 5%, #210c0b 100%);
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border: 1px solid #ff5c3b;
    display:inline-block;
    cursor:pointer;
    color: #dadadaeb;
    font-size: 30px;
    padding: 19px 44px;
    text-decoration: none;
    font-family: 'Cinzel', serif;
    font-weight: 400;
    text-shadow: 2px 2px 2px #000000d9;
}
.RegisterBtn:active {
    position:relative;
    top:1px;
}
.spanInTable {
    font-family: Arial; 
    font-size: 11px; 
    color: #8c8573;
}
.registerNowBtnSpan {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 37px;
}
.container {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
}
.startingText {
    margin-top: 10px;
    margin-bottom: 10px;	
    font-size: 50px;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    text-shadow: 1px 1px 28px #77643a;
    font-family: 'Cinzel', serif;
}
.mainHeader {
    font-size: 23px;
}
.subheader {
    font-size: 14px;
    margin-top: -8px;
}
.taleonHr {
    border-color: #ffffff2e;
}
.taleonServersHeader {
    text-align: center;
    font-size: 23px;
    color: #cccccc78;
}
.regularTextInTable {
    font-family: Arial;
    font-size: 11px; 
    color: #ffffff;
}
.launchingBox {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.info-icon {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background-color: #aa0800;
    color: white;
    font-weight: bold;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    margin-left: 5px;
}

.info-icon .info-text {
    visibility: hidden;
    width: 200px;
    background-color: #f9f9f9;
    color: #000;
    text-align: left;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 125%; /* Coloca a caixa ao lado do ícone */
    transform: translateY(-50%);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.info-icon:hover .info-text {
    visibility: visible;
}