* {
margin: 0;
padding: 0;
box-sizing: border-box;
overflow: none;
}

html {
scroll-behavior: smooth;
font-family: Arial Black;
overflow: none;
}

.box {
border-radius: 15px;
/* padding: 10px; */
padding: 10px 0px 10px 0px;
height: auto;
margin: auto;
/* background-color: rgba(0, 0, 0, 0.5); */
border: 3px solid rgb(255, 255, 255);
box-shadow: inset 0 0 10px #502020, inset 0 0 10px #34495e, inset 0 0 10px #34495e;
}

a {
text-decoration: none;
color: white;
}

.imgsize {
display: block;
height: 50px;
margin-left: auto;
margin-right: auto;
max-width: 50px;
}

.title-res{
vertical-align: middle;
}

.resname {
padding: 6px 0px 0px 0px;
width: 100%;
text-align: center;
color: white;
text-decoration: none;
font-size: 25px;
font-weight: 600;
}

.resdate {
padding: 8px 0px;
width: 100%;
text-align: center;
font-size: 20px;
font-weight: 600;
color: white;
}

.resnum {
padding: 15px 0px;
width: 50%;
margin: auto;
text-align: center;
border-radius: 40px;
color: white;
font-weight: 600;
font-size: 30px;
letter-spacing: 5px;
box-shadow: inset 0 0 10px #34495e, inset 0 0 10px #34495e, inset 0 0 10px #34495e;
}

.restime {
padding: 4px 0px;
text-align: center;
width: 100%;
font-size: 15px;
font-weight: 600;
color: white;
}

.colortextw {
color: white;
}

.colortextb {
color: black;
}

/*---------------------------Warna Table------------------------*/
.colorWhite2 {
/* background-color: rgb(228, 217, 217); */
/* background-color: rgb(65, 65, 65); */
background:radial-gradient(ellipse at bottom, #35557a 0%, #090A0F 100%);
}

.colorMaron {
background-color: maroon;
}

.colorLime3 {
color: #65d674;
}

.colorGold2 {
color: #eec53e;
}

.colorBlue {
background: linear-gradient(to top, #33ccff 0%, #9966ff 100%);
}

.colorYellow {
background: linear-gradient(45deg, #ff9900, #ffff00);
}

.colorCream {
background: linear-gradient(45deg, #996633, #ffcc99);
}

.colorRed {
background: linear-gradient(45deg, #ff0000, #800000);
color: white;
}

.colorDarkGreen {
background: linear-gradient(45deg, #006600, #669999);
}

.colorDarkBlue {
background: linear-gradient(45deg, #003366, #006666);
}

.colorDarkBlue2 {
background: linear-gradient(45deg, #003399, #3366cc);
}

.colorOrange {
background: linear-gradient(45deg, #ff5050, #ff9900);
}

.colorGold {
background: linear-gradient(45deg, #cc6600, #ffcc00);
}

.colorGrey {
background-color: #434343;
}

.colorRedOrange2 {
color: #A52A2A;
}

/*---------------------------Warna Table------------------------*/

.imgsizeldlogo {
display: block;
margin-left: auto;
margin-right: auto;
/* text-align: center; */
padding: 0;
/* width: 30%; */
/* height:70px; */
width: 220px;
height: 40px;
}

.animated-gif{
width: 26px;
height: auto;
}
@media screen and (max-width: 1000px) {

/* Start Res */
.box {
/* background-color: rgba(0,0,0,0.5); */
box-shadow: inset 0 0 10px #34495e, inset 0 0 10px #34495e, inset 0 0 10px #34495e;
width: 93%;
padding: 15px 0px 15px 0px;
}

.imgsize {
padding: 4px 0px 0px 0px;
}

.resname {
font-size: 24px;
}

.resdate {
font-size: 20px;
}

.resnum {
padding: 10px 0px 10px 0px;
width: 70%;
font-size: 35px;
text-align: center;
/* border-radius:0px 0px 15px 15px; */
border-radius: 40px;
}

.restime {
font-size: 12px;
}

/* End Res */

.imgsizeldlogo {
padding: 2px;
}

.animated-gif{
width: 42px;
height: auto;
}
}