body
{

margin:0;

font-family:Arial, Helvetica, sans-serif;


background:

linear-gradient(
135deg,
#ffcc00,
#ff8500,
#a00000
);


min-height:100vh;

}

.admin-link {

    text-decoration: none;
    color: inherit;
    opacity: 0.4;
    font-size: 13px;
    margin-top: 10px;
    display: inline-block;

}


.admin-link:hover {

    opacity: 1;

}




/* ==========================
   TOP SERIAL LIGHTS
========================== */


.top-lights
{

position:fixed;

top:0;

left:0;

width:100%;

height:35px;


display:flex;

justify-content:space-around;


z-index:9999;

}



.top-lights span
{

width:15px;

height:15px;


border-radius:50%;


background:yellow;


box-shadow:

0 0 20px yellow;


animation:blink 1s infinite alternate;

}




.top-lights span:nth-child(even)
{

background:red;

animation-delay:.5s;

}









/* ==========================
   SIDE SERIAL LIGHTS
========================== */



.side-lights
{

position:fixed;

top:60px;


height:85%;


width:35px;


display:flex;


flex-direction:column;


justify-content:space-around;


align-items:center;


z-index:9999;

}




.left-light
{

left:5px;

}



.right-light
{

right:5px;

}





.side-lights span
{

width:15px;

height:15px;


border-radius:50%;


background:red;


box-shadow:

0 0 20px yellow;


animation:blink 1s infinite alternate;

}



.side-lights span:nth-child(even)
{

background:yellow;

}



.side-lights span:nth-child(3n)
{

background:#00ff00;

}






@keyframes blink
{


from
{

opacity:.3;

transform:scale(.7);

}


to
{

opacity:1;

transform:scale(1.5);

}


}










/* ==========================
   DATE TIME
========================== */


.date-box
{

margin-top:45px;


background:black;


color:gold;


padding:15px;


text-align:center;


font-weight:bold;


border-top:3px solid gold;

border-bottom:3px solid gold;


box-shadow:

0 0 25px yellow;


}





#currentDay
{

font-size:28px;


color:white;


text-shadow:

0 0 15px gold;


}





#currentTime
{

font-size:22px;

}











/* ==========================
   GOD IMAGES
========================== */


.god-area
{


margin-top:20px;


display:flex;


justify-content:center;


gap:25px;


flex-wrap:wrap;

}




.god-area img
{

width:110px;

height:110px;


object-fit:cover;


border-radius:50%;


border:5px solid gold;


box-shadow:

0 0 25px yellow;


animation:godGlow 2s infinite alternate;

}




@keyframes godGlow
{


from
{

box-shadow:0 0 15px gold;

}


to
{

box-shadow:0 0 45px white;

}


}











/* ==========================
 HEADER
========================== */


.header
{

margin-top:20px;


background:

linear-gradient(
90deg,
#700000,
red,
#700000
);



color:white;


text-align:center;


padding:25px;


border-top:5px solid gold;

border-bottom:5px solid gold;

}




.header h1
{


font-size:42px;


font-weight:bold;


text-shadow:

0 0 20px gold;

}



.header p
{

font-size:20px;

}










/* ==========================
 HEADINGS
========================== */


.live-heading,

.all-heading
{

background:black;


color:gold;


padding:15px;


font-size:25px;


font-weight:bold;


text-align:center;


border-radius:15px;


margin-top:20px;


box-shadow:

0 0 20px yellow;

}











/* ==========================
 RESULT CARDS
========================== */


.latest-card
{

background:white;


text-align:center;


padding:30px;


margin:20px 0;


border-radius:25px;


border:5px double red;


box-shadow:

0 0 25px black;

}






.result-card
{


background:

linear-gradient(
white,
#fff4b0
);



text-align:center;


padding:18px;


margin:15px 0;


border-radius:18px;


border:3px solid darkred;


box-shadow:

0 0 15px black;

}





.market
{

font-size:30px;

font-weight:bold;


color:#b40000;

}




.time
{

font-size:25px;

font-weight:bold;

}




.number
{

font-size:65px;


font-weight:bold;


color:red;


text-shadow:

0 0 15px orange;

}





.pending
{

color:gray;

}











/* ==========================
 OLD RESULT
========================== */



.old-section
{

text-align:center;


margin:30px 0;

}






.old-btn
{

background:black;


color:gold;


font-size:24px;


font-weight:bold;


padding:15px 40px;


border-radius:40px;


border:4px solid gold;


cursor:pointer;


box-shadow:

0 0 25px yellow;


animation:oldGlow 1s infinite alternate;

}







@keyframes oldGlow
{


from
{

box-shadow:0 0 10px gold;

}


to
{

box-shadow:0 0 35px white;

}


}








.old-date
{


display:none;


margin-top:20px;


padding:12px;


font-size:22px;


border-radius:12px;


border:3px solid red;


text-align:center;

}











/* ==========================
 CLOSE OLD RESULT
========================== */


.old-close-area
{

text-align:center;


margin:25px;

}





#closeOldBtn
{


display:none;


background:

linear-gradient(
90deg,
#800000,
red,
#800000
);



color:white;


font-size:22px;


font-weight:bold;


padding:12px 35px;


border-radius:35px;


border:4px solid gold;


cursor:pointer;


box-shadow:

0 0 25px red;


}




#closeOldBtn:hover
{

transform:scale(1.05);


box-shadow:

0 0 40px yellow;

}










footer
{

background:black;


color:gold;


text-align:center;


padding:18px;


margin-top:30px;


font-weight:bold;

}











/* ==========================
 MOBILE
========================== */


@media(max-width:600px)
{


.header h1
{

font-size:28px;

}



.god-area img
{

width:75px;

height:75px;

}




.number
{

font-size:45px;

}




.side-lights
{

width:20px;

}



.side-lights span
{

width:10px;

height:10px;

}




#currentDay
{

font-size:20px;

}




#currentTime
{

font-size:16px;

}



.old-btn,

#closeOldBtn
{

font-size:17px;


padding:10px 25px;

}



}