#hied{
background-color:  #0818A8;
text-align: center;
font-size: 30px;
width: 100%;
height: 270px;
position: absolute;
top: 0px;left: 0px;
}

#hed{
width: 340px;
height: 250px;
background-color: #0818A8;
font-size: 25px;
text-align: center;
position: absolute;
top: 0px; right: 0px;
overflow: hidden;
}

#unhed{
width : 100%;
height: 20px;
background-color: #060605;
text-align : center;
font-size: 15px;
color : #FFD700;
opacity: 0.9; 
border: solid 1px  #FFD700;
position: absolute;
top: 270px; right : 0%;
}

@keyframes unheid{
0%{ font-size : 15px; }
20%{ font-size : 15px; }
25%{font-size : 0px; }
50%{ font-size : 15px; }
70%{ font-size : 15px; }
75%{ font-size : 0px; }
100%{font-size : 15px; }
}

@keyframes hed0{
0%{left: 25%; font-size: 25px;}
33%{left: 99%; font-size: 1px;}
66%{left: 0%; font-size: 1px;}
100%{left: 25%; font-size: 25px;}
}


@keyframes hed1{
0%{ left: 0%; font-size: 1px;}
33%{left: 25%; font-size: 25px;}
66%{left: 99%; font-size: 1px;}
100%{left: 0%; font-size: 1px;}
}

@keyframes hed2{
0%{ left: 99%; font-size: 1px;}
33%{left: 0%; font-size: 1px;}
66%{left: 25%; font-size: 25px;}
100%{left: 99%; font-size: 1px;}
}

.image{
width: 100px; height: 150px;
}

.image1{
width: 100px; height: 150px;
}

.contac{
height : 19px;
width : 10%;
font-size : 15px;
text-align :center;
color : #FFD700;
border: solid 1px  #FFD700;
position: sticky;
top : 10px;
left :1200px;
}


.contact1{
height : 19px;
width : 20%;
font-size : 15px;
text-align :center;
color : #FFD700;
border: solid 1px  #FFD700;
position: sticky;
top: 0;
left : 550px;

}



#heed{
width: 250px;
height: 240px;
background-color: #060605;
position: absolute;
top: 0px; left: 0px;
overflow: hidden;
animation-timing-function: linear;
animation-name: spin1;
animation-duration:15s;
animation-iteration-count: infinite;
}

#heed1{
width: 250px;
height: 240px;
background-color: #060605;
position: absolute;
top: 0px; left : 0px;
overflow: hidden;
animation-timing-function: linear;
animation-name: spin;
animation-duration:15s;
animation-iteration-count: infinite;
}

@keyframes spin{
100%{transform: rotateY(360deg)}
50%{ opacity: 0;
transition: opacity 1s;}
0%{ opacity: 1;
transition: opacity 0s;}
}

@keyframes  spin1{
100%{transform: rotateY(360deg)}
100%{ opacity: 1;
transition: opacity 0s;}
50%{ opacity: 1;
transition: opacity 0s;}
0%{ opacity: 0;
transition: opacity 1s;}
}



body{
background-color:  #060605;
}

#wlcm{
font-size : 50px;
text-align: center;

}

.summer{
font-size: 25px;
color : #FFD700;
position: absolute;
top: 30px;
left : 828px;
transform: rotateX(180deg);
}










#sbod1{
color : #FFD700;
font-family : pirata one;
font-size: 19px;
opacity: 0.9; 
position: absolute;
top: 490px;
}

#bod2{
width : 76%;
height : 1300px;
font-size : 18.5px;
color : #FFD700;
border: solid 1px  #FFD700;
position: absolute;
top : 10px; left : 150px;
}

#bod3{
width : 71%;
height : 570px;
font-size : 18px;
color : #FFD700;
border: solid 1px  #FFD700;
position: absolute;
left : 180px;
}


#bod4{
width : 81%;
height : 570px;
font-size : 16px;
text-align: center;
color : #FFD700;
border: solid 1px  #FFD700;
position: absolute;
top : 10px; left : 120px;
}


#bod5{
width : 76%;
height : 1300px;
font-size : 18px;
color : #FFD700;
border: solid 1px  #FFD700;
position: absolute;
top : 10px; left : 150px;
}

#bod6{
width : 70%;
height : 550px;
font-size : 15px;
text-align : center;
color : #E5E4E2;
border: solid 1px  #FFD700;
position: absolute;
top : 30px; left : 200px;
}


#bod7{

font-size : 15px;
text-align : center;
color : #E5E4E2;
background-color: #0818A8;
}




p{
position: absolute;
top: 100px;
left: 5px;
animation: hed0 20s infinite;
}

p1{
position: absolute;
top: 100px;
left: 5px;
animation: hed1 20s infinite;
}

p2{
position: absolute;
top: 100px;
left: 5px;
animation: hed2 20s infinite;

}

p3{
opacity: 0.7; 
color : #FFD700;
position: absolute;
top: 410px;
left : 330px;
}

p4{
font-size: 20px;
}

p5{
font-size : 14px;
}

p6{
font-size : 14px;
}

p7{
font-size: 26px;
}
p9
{
animation: unheid 15s infinite;
}

p10{
font-size: 17px;
}

p11{
font-size: 10px;
position: absolute;
left : 573px;
}

p12{
font-size: 55px;
font-family : cursive;
position: absolute;
left : 240px;
}

p13{
color : red;
font-size: 19px;
}

p14{
color : blue;
font-size: 25px;
}

p15{
color : #FFD700;
font-size: 40px;
}

p16{
color : red;
font-size: 19px;
}

p17{
color : #FFD700;
}

p18{
color : #FFD700;
font-size: 15px;
}

p19{
font-size: 10px;
position: absolute;
left : 760px;
}

p20{
position: absolute;
left : 90px;
}

p21{
color: #0818A8;
}


p22{
width : 99.7%;
height : 28px;
color : #FFD700;
border: solid 1px  #FFD700;
background-color:  #060605;
text-align : left;
font-size : 13px;
position: sticky;
top : 193px;

}


p23{
width : 50%;
height : 37px;
color : #FFD700;
border: solid 1px  #FFD700;
background-color:  #060605;
text-align : center;
font-size : 13px;
position: absolute;
left : 270px;
top : 548px;
}



p24{
font-size : solid 17px;
}


p25{
font-size: 10px;
position: absolute;
left : 860px;
}

p27{
font-size: 14px;
color : #E5E4E2;
position: absolute;
left : 201px;
top : 550
}



p28{
width : 99.7%;
height : 35px;
color : #FFD700;
border: solid 1px  #FFD700;
background-color:  #060605;
text-align : left;
font-size : 13px;
position: sticky;
top : 191px;

}


p29{
font-size:  23px;
color : #E5E4E2;
}

p30{
width : 53%;
height : 33px;
color : #FFD700;
border: solid 1px  #FFD700;
background-color:  black;
text-align : center;
font-size : 13px;
position: absolute;
top : 554px;
left : 260px;
}

#trty{
width : 53.7%;
height : 33px;
color : #FFD700;
border: solid 1px  #FFD700;
background-color:  red;
text-align : center;
font-size : 13px;
position: sticky;
top : 593px;
left : 260px;
}

p31{
font-size : 17px;
color : red;
}

p32{
font-size : 15px;
color : green;
}

p33{
font-size : 15px;
color : #FFD700;
}


p34{
font-size: 10px;
position: absolute;
left : 820px;
}

p35{
width : 53%;
height : 31px;
color : #FFD700;
border: solid 1px  #FFD700;
background-color:  #060605;
text-align : left;
font-size : 13px;
position: absolute;
top : 554px;
left : 260px;
}

p36{
font-size: 25px;
}

p37{
font-size: 13px;
}

p38{
width : 53%;
height : 35px;
color : #FFD700;
border: solid 1px  #FFD700;
background-color:  #060605;
text-align : left;
font-size : 13px;
position: absolute;
top : 552px;
left : 260px;
}

p39{
width : 50%;
height : 37px;
color : #FFD700;
border: solid 1px  #FFD700;
background-color:  #060605;
font-size : 13px;
position: absolute;
left : 280px;
top : 548px;
}


p40{
color : #E5E4E2;
}



p221{
width : 53%;
height : 35px;
color : #FFD700;
border: solid 1px  #FFD700;
background-color:  red;
text-align : center;
font-size : 13px;
}


p1000{
color : #FFD700;
}



#btn{
width: 200px;
height: 87px;
background-color: #0818A8;
font-family : fantasy;
font-size : 20px;
text-align: center;
position: absolute;
left: 819px;
top: 324px;
clip-path: polygon(0% 33%, 75% 35%, 100% 65%, 75% 100%, 0% 100%, 35% 65%)
}

#btn1{
background-color: #0818A8;
font-family : pirata one;
font-size : 20px;
color : #FFD700;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn2{
width: 50%;
height: 70px;
background-color: #0818A8;
font-family : fantasy;
font-size : 30px;
color : #FFD700;
position: absolute;
left: 300px;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn3{
background-color: #0818A8;
font-family : pirata one;
font-size : 20px;
color : #FFD700;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#btn4{
background-color: #0818A8;
font-family : pirata one;
font-size : 20px;
color : #FFD700;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn5{
background-color: #0818A8;
font-family : pirata one;
font-size : 20px;
color : #FFD700;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn6{
width: 130px;
height: 65px;
background-color: #0818A8;
font-family : fantasy;
font-size : 15px;
text-align: center;
position: absolute;
top: 637px;left : 780px;
clip-path: polygon(0% 35%, 75% 35%, 100% 65%, 75% 100%, 0% 100%, 35% 65%)
}

#btn7{
width: 50%;
height: 70px;
background-color: #0818A8;
font-family : fantasy;
font-size : 30px;
color : #FFD700;
position: absolute;
left: 250px;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn8{
background-color: #0818A8;
font-family : pirata one;
font-size : 20px;
color : #FFD700;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn9{
width: 400px;
height: 50px;
background-color: #0818A8;
font-family : fantasy;
font-size : 20px;
color : #FFD700;
position: absolute;
left: 250px;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn10{
width: 200px;
height: 30px;
background-color: #0818A8;
font-family : fantasy;
font-size : 15px;
color : #FFD700;
position: absolute;
left: 350px;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#btn11{
background-color: #0818A8;
font-family : fantasy;
font-size : 18px;
color : #FFD700;
position: absolute;
left : 680px;top : 290px;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn12{
width: 70px;
height: 20px;
background-color: #0818A8;
font-family : fantasy;
font-size : 13px;
color : #FFD700;
position: absolute;
left : 10px;
top : 300px;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#btn13{
width: 170px;
height: 40px;
background-color: #0818A8;
font-family : fantasy;
font-size : 20px;
color : #FFD700;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#btn14{
width: 230px;
height: 50px;
background-color: #0818A8;
font-family : fantasy;
font-size : 20px;
color : #FFD700;
position: absolute;
left: 20px;
top : 200px;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn15{
width: 150px;
height: 30px;
background-color: #0818A8;
font-family : fantasy;
font-size : 15px;
text-align : center;
color : #FFD700;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}



#btn16{
width: 70px;
height: 50px;
background-color: #0818A8;
font-family : fantasy;
font-size : 13px;
text-align: center;
position: absolute;
top: 175.9px;left : 910px;
clip-path: polygon(0% 35%, 75% 35%, 100% 65%, 75% 100%, 0% 100%, 35% 65%)
}



#btn17{
width: 400px;
height: 50px;
background-color: #0818A8;
font-family : fantasy;
font-size : 25px;
color : #FFD700;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn18{
width: 300px;
height: 40px;
background-color: #0818A8;
font-family : fantasy;
font-size : 17px;
color : #FFD700;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn19{
width: 130px;
height: 65px;
background-color: #0818A8;
font-family : fantasy;
font-size : 15px;
text-align: center;
position: absolute;
top: 727.5px;left : 780px;
clip-path: polygon(0% 35%, 75% 35%, 100% 65%, 75% 100%, 0% 100%, 35% 65%)
}


#btn20{
width: 100px;
height: 30px;
background-color: #0818A8;
font-family : fantasy;
font-size : 17px;
color : #FFD700; 
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#btn21{
width: 106px;
height: 26px;
color : #FFD700;
background-color: #0818A8;
font-family : fantasy;
font-size : 17px;
color : #FFD700; 
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#btn22{
width: 117px;
height: 26px;
color : #FFD700;
background-color: #0818A8;
font-family : fantasy;
font-size : 17px;
color : #FFD700; 
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#btn23{
width: 250px;
height: 50px;
background-color: #0818A8;
font-family : fantasy;
font-size : 20px;
color :  #E5E4E2;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#btn24{
width: 250px;
height: 50px;
background-color: #0818A8;
font-family : fantasy;
font-size : 20px;
color :  #E5E4E2;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#btn25{
width: 80px;
height: 46px;
color :  #E5E4E2;
background-color: #0818A8;
font-family : fantasy;
font-size : 11px;
text-align: center;
position: absolute;
top : 1309px;
left : 1000px;
clip-path: polygon(0% 35%, 75% 35%, 100% 65%, 75% 100%, 0% 100%, 35% 65%)
}


#btn26{
width: 100px;
height: 30px;
background-color: #0818A8;
font-family : fantasy;
font-size : 17px;
color : #E5E4E2;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn27{
width: 200px;
height: 30px;
background-color: #0818A8;
font-family : fantasy;
font-size : 17px;
color : #E5E4E2;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn28{
width: 130px;
height: 30px;
background-color: #0818A8;
font-family : fantasy;
font-size : 17px;
color : #E5E4E2;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#btn29{
background-color: #0818A8;
font-family : fantasy;
font-size : 18px;
color : #FFD700;
position: absolute;
left : 680px;top : 310px;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn30{
width: 160px;
height: 30px;
background-color: #0818A8;
font-family : fantasy;
font-size : 17px;
color : #FFD700;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn31{
width: 60px;
height: 19px;
background-color: #0818A8;
font-family : fantasy;
font-size : 10px;
color : #FFD700;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn32{
width: 50px;
height: 35px;
color :  #E5E4E2;
background-color: #0818A8;
font-family : fantasy;
font-size : 11px;
text-align: center;
position: absolute;
left : 666px;
top : 346px;
clip-path: polygon(0% 35%, 75% 35%, 100% 65%, 75% 100%, 0% 100%, 35% 65%)
}

#btn33{
width: 80px;
height: 30px;
background-color: #0818A8;
font-family : fantasy;
font-size : 17px;
color : #E5E4E2;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn34{
width: 80px;
height: 19px;
color :  #FFD700;
background-color: black;
font-family : fantasy;
font-size : 11px;
text-align: center;
position: sticky;
left : 1px;
top : 1px;
clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%)
}

#btn35{
width: 80px;
height: 46px;
color :  #FFD700;
background-color: black;
font-family : fantasy;
font-size : 11px;
text-align: center;
position: absolute;
top : 901px;
left : 967px;
clip-path: polygon(0% 35%, 75% 35%, 100% 65%, 75% 100%, 0% 100%, 35% 65%)
}



#btn36{
width: 130px;
height: 30px;
background-color: #0818A8;
font-family : fantasy;
font-size : 17px;
color : #FFD700;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#btn37{
width: 210px;
height: 40px;
background-color: #0818A8;
font-family : fantasy;
font-size : 20px;
color : #FFD700;
position: absolute;
left: 30px;
top : 227px;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#btn38{
width: 110px;
height: 27px;
background-color: #0818A8;
font-family : fantasy;
font-size : 17px;
color : #FFD700;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn39{
width: 130px;
height: 30px;
background-color: black;
font-family : fantasy;
font-size : 17px;
color : #FFD700;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#btn40{
background-color: black;
font-family : pirata one;
font-size : 20px;
color : #FFD700;
position: absolute;
left : 10px;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#btn41{
width: 300px;
height: 50px;
background-color: #0818A8;
font-family : fantasy;
font-size : 19px;
color : #E5E4E2;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#inp{
width : 50%;
height: 57px;
font-size : 30px;
text-align: center;
background-color : #F5F5F5;
color : #0818A8;
position: absolute;
top: 353px;
left : 257px;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}
::placeholder {
  opacity: 0.5; 
}
#inp1{
width : 300px;
height: 40px;
background-color : #F5F5F5;
color : #0818A8;
font-size : 13px;
text-align: center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#inp2{
width : 70px;
height: 20px;
background-color : #F5F5F5;
color : #0818A8;
font-size : 13px;
text-align: center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#inp3{
width : 40px;
height: 20px;
background-color : #F5F5F5;
color : #0818A8;
font-size : 13px;
text-align: center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#inp4{
width : 30px;
height: 20px;
background-color : #F5F5F5;
color : #0818A8;
font-size : 13px;
text-align: center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#inp5{
width : 200px;
height: 30px;
background-color : #F5F5F5;
color : #0818A8;
font-size : 13px;
text-align: center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#inp6{
width : 130px;
height: 20px;
background-color : #F5F5F5;
color : #0818A8;
font-size : 13px;
text-align: center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#inp7{
width : 190px;
height: 29.9px;
background-color : #F5F5F5;
color : #0818A8;
font-size : 10px;
text-align: center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#inp8{
width : 200px;
height: 20px;
background-color : #F5F5F5;
color : #0818A8;
font-size : 13px;
text-align: center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#inp9{
width : 20px;
height: 20px;
background-color : #F5F5F5;
color : #0818A8;
font-size : 13px;
text-align: center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#inp10{
width : 140px;
height: 20px;
background-color : #F5F5F5;
color : #0818A8;
font-size : 13px;
text-align: center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#inp11{
width : 110px;
height: 20px;
background-color : #F5F5F5;
color : #0818A8;
font-size : 13px;
text-align: center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}





table, td, th {
  border: 1px solid #FFD700;
}
table {
 color : #FFD700;
  width: 100%;
 font-size : 20px;
  border-collapse: collapse;
}

#taback{
background-color: #0818A8;
}


#buytab{
color: #E5E4E2;
}

#idtr{
background-color:  #060605;
}


#choscurr{
position: absolute;
left : 147px;
}




#slot{
width : 175px;
height : 35px;
color: #0818A8;
background-color : #FFD700;
text-size : 20px;
text-align : center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#slot1{
width : 62px;
height : 20px;
color: #0818A8;
background-color : #FFD700;
text-size : 20px;
text-align : center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#slot2{
width : 77px;
height : 16px;
color: #0818A8;
background-color : #FFD700;
text-size : 20px;
text-align : center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#slot3{
width : 170px;
height : 35px;
color: #0818A8;
background-color : #FFD700;
text-size : 20px;
text-align : center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#slot4{
width : 147px;
height : 26px;
color: #0818A8;
background-color : #FFD700;
text-size : 20px;
text-align : center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#slot5{
width : 130px;
height : 23px;
color: #0818A8;
background-color : #FFD700;
text-size : 17px;
text-align : center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#slot6{
width : 62px;
height : 20px;
color: black;
background-color : #FFD700;
text-size : 20px;
text-align : center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}


#slot7{
width : 150px;
height : 25px;
color: #0818A8;
background-color : #FFD700;
text-size : 20px;
text-align : center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#slot8{
width : 160px;
height : 20px;
color: #0818A8;
background-color : #FFD700;
text-size : 17px;
text-align : center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#slot9{
width : 130px;
height : 30px;
color: #0818A8;
background-color : #FFD700;
text-size : 13px;
text-align : center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}

#slot10{
width : 62px;
height : 20px;
color: #FFD700;
background-color : black;
text-size : 20px;
text-align : center;
clip-path: polygon(
   10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50% )
}
#tesr{
width : 100%;
height : 40px;
font-size : 17px;
color : #FFD700;
background-color: black;
border: solid 1px  red;
position: absolute;
top : 280px;
}

#tesr1{
width : 100%;
height : 40px;
font-size : 17px;
color : #FFD700;
background-color: black;
border: solid 1px  red;
position: absolute;
top : 300px;
}

#chebox{
color : red;
position: absolute;
top: 1000px;
left : 230px;
}

#chebox1{
color : red;
position: absolute;
top: 1100px;
left : 230px;
}

#cheuc{
color : red;
position: absolute;
top: 404px;
left : 500px;
}

#logc{
color : red;
position: absolute;
top: 410px;
left : 470px;
}


#logcc{
color : red;
position: absolute;
top: 950px;
left : 780px;
}

#loglc{
color : red;
position: absolute;
top: 160px;
left : 830px;
}

#logb{
color : red;
position: absolute;
top: 800px;
left : 700px;
}



#regsucc{
position: absolute;
left : 310px;
top : 73px;
}

#refer{
width : 75%;
height : 100px;
font-size : 30px;
color : #FFD700;
border: solid 1px  #FFD700;
position: absolute;
left : 140px;
}


#refbod{
width : 50%;
height : 230px;
font-size : 17px;
text-align : center;
color : #FFD700;
border: solid 1px  #FFD700;
overflow: auto;
 display: flex;
  flex-direction: column;
position: absolute;
top : 320px; left : 280px;
}
#refbodleft{
width : 15%;
height : 160px;
font-size : 17px;
text-align : center;
color : #FFD700;
border: solid 1px  #FFD700;
position: absolute;
top : 420px; left : 10px;
}
#refbodright{
width : 20%;
height : 265px;
font-size : 17px;
text-align : center;
color : #FFD700;
border: solid 1px  #FFD700;
position: absolute;
top : 320px; left : 1030px;
}


#selbod{
width : 53%;
height : 222px;
font-size : 23px;
text-align : center;
color : #FFD700;
border: solid 1px  #FFD700;
overflow: auto;
 display: flex;
  flex-direction: column;
position: absolute;
top : 360px; left : 260px;
}
#selbodleft{
width : 15%;
height : 170px;
font-size : 17px;
text-align : center;
color : #FFD700;
border: solid 1px  #FFD700;
position: absolute;
top : 410px; left : 10px;
}
#selbodright{
width : 20%;
height : 255px;
font-size : 17px;
text-align : center;
color : #FFD700;
border: solid 1px  #FFD700;
position: absolute;
top : 330px; left : 980px;
}

#selinp{
color : #FFD700;
text-align : center;
position: absolute;
top : 300px; left : 280px;
}

#selboda{
width : 53%;
height : 222px;
font-size : 13px;
text-align : center;
color : #FFD700;
background-color: red;
border: solid 1px  #FFD700;
overflow: auto;
 display: flex;
  flex-direction: column;
position: absolute;
top : 360px; left : 260px;
}



#selbodas{
width : 53%;
height : 222px;
font-size : 13px;
text-align : center;
color : #FFD700;
background-color: #060605;
border: solid 1px  #FFD700;
overflow: auto;
 display: flex;
  flex-direction: column;
position: absolute;
top : 360px; left : 260px;
}



#hubage{
width : 99%;
font-size: 20px;
color : #E5E4E2;
text-align : center;
}


#hedhub{
width: 44%;
font-size: 50px;
color : #E5E4E2;
text-align : center;
position: absolute;
left : 330px;
}

#hubdis{
width : 60%;
height : 285px;
font-size : 23px;
text-align : center;
color : #FFD700;
border: solid 1px   #E5E4E2;
overflow: auto;
 display: flex;
  flex-direction: column;
position: absolute;
left : 260px;
top : 449px;
}

#hubdis1{
width : 60%;
height : 290px;
font-size : 23px;
text-align : center;
color : #FFD700;
background-color : #060605;
border: solid 1px   #E5E4E2;
overflow: auto;
 display: flex;
  flex-direction: column;
position: absolute;
left : 260px;
top : 449px;
}


#buybod{
width : 53%;
height : 193px;
font-size : 23px;
text-align : center;
color : #FFD700;
border: solid 1px  #FFD700;
overflow: auto;
 display: flex;
  flex-direction: column;
position: absolute;
top : 360px; left : 260px;
}
#buybodleft{
width : 15%;
height : 170px;
font-size : 17px;
text-align : center;
color : #FFD700;
border: solid 1px  #FFD700;
position: absolute;
top : 415px; left : 10px;
}
#buybodright{
width : 20%;
height : 270px;
font-size : 17px;
text-align : center;
color : #FFD700;
border: solid 1px  #FFD700;
position: absolute;
top : 315px; left : 970px;
}



#buysear{
color : #FFD700;
text-align : center;
position: absolute;
top : 310px; left : 410px;
}


#buydis1{
width : 53%;
height : 235px;
font-size : 23px;
text-align : center;
color : #FFD700;
background-color : #060605;
border: solid 1px  #FFD700;
overflow: auto;
 display: flex;
  flex-direction: column;
position: absolute;
left : 270px;
top : 360px;
}


#pilpil{
width : 370px;
height : 360px;
font-size : 17px;
text-align : center;
color : #E5E4E2;
background-color : red;
border: solid 1px  #FFD700;

}

#buyboda{
width : 53%;
height : 228px;
font-size : 15px;
text-align : center;
color : #FFD700;
background-color: #060605;
border: solid 1px  #FFD700;
overflow: auto;
 display: flex;
  flex-direction: column;
position: absolute;
top : 360px; left : 260px;
}

#buybodah{
width : 53%;
height : 191px;
font-size : 15px;
text-align : center;
color : #FFD700;
background-color: #060605;
border: solid 1px  #FFD700;
overflow: auto;
 display: flex;
  flex-direction: column;
position: absolute;
top : 360px; left : 260px;
}

#massage{
width : 53%;
height : 228px;
font-size : 15px;
text-align : center;
color : #FFD700;
background-color: #060605;
border: solid 1px  #FFD700;
overflow: auto;
 display: flex;
  flex-direction: column;
position: absolute;
top : 360px; left : 260px;
}

#massagesl{
width : 53%;
height : 222px;
font-size : 13px;
text-align : center;
color : #FFD700;
background-color: #060605;
border: solid 1px  #FFD700;
overflow: auto;
 display: flex;
  flex-direction: column;
position: absolute;
top : 360px; left : 260px;
}




#discon{
width : 53.5%;
height : 33px;
color : #FFD700;
border: solid 1px  #FFD700;
background-color:  red;
text-align : center;
font-size : 13px;
position: sticky;
top : 600px;
left : 270px;
}

#trnsdown{
width : 99.9%;
height : 50px;
font-size : 17px;
color : #FFD700;
background-color: black;
border: solid 1px  red;

}

#prepay{
width : 66%;
height : 300px;
font-size : 15px;
text-align : center;
color : #E5E4E2;
background-color: #060605;
position: absolute;
top : 280px; left : 230px;
}

#bycong{
width : 70%;
height : 550px;
font-size : 17px;
text-align : center;
color : #E5E4E2;
background-color: blue;
border: solid 1px  #FFD700;
position: absolute;
top : 30px; left : 200px;
}

#euched{
width: 44%;
font-size: 44px;
color : #E5E4E2;
text-align : center;
font-family : cursive;
position: absolute;
top : 30px;
left : 300px;
}

#eucheda{
width: 44%;
font-size: 77px;
color : #E5E4E2;
text-align : center;
position: absolute;
top : 100px;
left : 310px;
}

#walbod{
width : 53%;
height : 193px;
font-size : 23px;
text-align : center;
color : #FFD700;
border: solid 1px  #FFD700;
overflow: auto;
 display: flex;
  flex-direction: column;
position: absolute;
top : 360px; left : 260px;
}
#walbodleft{
width : 15%;
height : 170px;
font-size : 17px;
text-align : center;
color : #FFD700;
border: solid 1px  #FFD700;
position: absolute;
top : 415px; left : 10px;
}
#walbodright{
width : 20%;
height : 270px;
font-size : 17px;
text-align : center;
color : #FFD700;
border: solid 1px  #FFD700;
position: absolute;
top : 315px; left : 1030px;
}




#waladres{
color : #FFD700;
text-align : center;
position: absolute;
top : 310px; left : 419px;
}


#hilos{
width : 15%;
height : 80px;
font-size : 17px;
text-align : center;
color : #FFD700;
border: solid 1px  #FFD700;
position: absolute;
top : 325px; left : 10px;
}


#hublo{
width : 19%;
height : 200px;
font-size : 21px;
text-align : center;
color : #FFD700;
position: absolute;
top : 449px; 
}
a{
color : green;
}

#linky{
color : #FFD700;
}