body{    background-color: #fc9;
    text-align: center;
    padding: 3px 10px;
    margin: 0;
    scroll-behavior: smooth;
    font-style: italic;
    font-family: Helvetica, sans-serif;
    font-weight: 700;}

h4{    margin: 0;font-size: 22px;
    color: #00094d;
    text-shadow: 1px 1px 2px #fff;}
    
    .res{
    font-size: 24px;
    line-height: 1;
    background: -webkit-linear-gradient(#4500bf, #670009);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 5px 5px;
}
    
    .mardiv{border-bottom: 1px solid #ff0018;box-sizing: border-box;   display: block;
    text-align: center; font-style: italic;
    font-family: Helvetica, sans-serif;
    font-weight: 700;}
    
    .time{font-size: 15px;
   margin: 0;
    color: #000;
    text-shadow: 1px 1px 2px #ffd9d9;
}

a{color:white;}
.jodi{
   border: 2px solid white;
    background-color: #522f92;
    color: white;
    
    border-radius: 8px 0;
    box-shadow: 0px 0px 1px #000000d6;
    font-size: 15px;
    margin: 2px 0 -1px;
    transition: all .3s;
    text-shadow: 1px 1px 2px #222;
    margin-top: 5px;
    float: left;
    width: 8%;
    text-align: left;
    padding-left: 5px;
}
.panel{
   border: 2px solid white;
    background-color: #522f92;
    color: white;
    
    border-radius: 8px 0;
    box-shadow: 0px 0px 1px #000000d6;
    font-size: 15px;
    margin: 2px 0 -1px;
    transition: all .3s;
    text-shadow: 1px 1px 2px #222;
    margin-top: 5px;
    float: right;
    width: 8%;
    text-align: right;
    padding-right: 5px;
}


.d1{background: #fc9;
    padding: 0 10px;
    display: block;
    color: Black ;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-weight: 700;
    border: 3px solid #ff0016;
    border-radius: .75em;
    transform-style: preserve-3d;
    transition: transform 150ms cubic-bezier(0,0,.58,1), background 150ms cubic-bezier(0,0,.58,1);}
    
    
    .d2{    background: linear-gradient(187deg, #fc9 50%, #ffc387 50%);
    border: 2px solid #ff0016;
    border-style: outset;
    border-radius: 10px;
    margin-bottom: 5px;
    line-height: 1.4;
    font-size: 14px;
    padding: 4px 10px;
    color: #00094d;
    text-shadow: 1px 1px 2px #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
}
    
    
    
    .d3{color: #000;
    text-align: center;
    margin-bottom: 8px;
    margin-top: -2px;
    display: block;
    font-size: 20px;
    outline: 4px #fff;
    outline-offset: -9px;
    border: 2px solid #ff182c !important;
    border-style: outset;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);}
    
    .live{background: #ff00a2;
    padding: 5px 10px;
    text-shadow: 1px 1px 2px #000;
    display: block;
    color: #fff8f8 !important;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-weight: 700;
    border: 2px solid #fff;
    border-radius: .75em;
    transform-style: preserve-3d;
    transition: transform 150ms cubic-bezier(0,0,.58,1), background 150ms cubic-bezier(0,0,.58,1);}