body{text-align:center;margin:5px}h1{font-size:1.2em;margin:0;color:#33FF38 }h2{font-size:1.1em;margin:0}h3{font-size:1em;margin:0}h4{font-size:.9em;margin:0}
a:link{text-decoration:none;}


.result{padding: 15px; background-color:white; text-align:center;margin-top:15px;color:#fff;}
.result2{padding: 10px; background-color:#DBD8E3    ; text-align:center;margin-bottom:3px;color:black;  }
.chart{padding: 2px; background-color:white; text-align:center;margin:5px;color:black; border: solid 3px blue;border-style:groove;border-radius:10px;border-bottom: 6px solid blue;font-size:15px;}

.result6{padding: 5px; background-color:#A5F3A1 ; text-align:center;margin:5px;color:black; border: solid 3px red;border-style:groove;border-radius:10px;border-bottom: 6px solid red;font-size:20px;}

.chart1{padding: 15px; background-color:blue ; text-align:center;margin:1px;color:yellow ; border: solid 5px black;border-style:groove;border-radius:5px;border-bottom: 6px solid black ;font-size:20px;}


.chart2{padding: 10px; background-color:white    ; text-align:center;margin:1px;color:black ; border: solid 3px black;border-style:groove;border-radius:5px;border-bottom: 3px solid black   ;font-size:15px;}

.chart3{padding: 10px; background-color:white     
   ; text-align:center;margin:1px;color:black ; border: solid 3px black;border-style:groove;border-radius:3px;border-bottom: 5px solid black  ;font-size:20px; }



.result3{padding: 2px; background-color:#D0ECE4  ; text-align:center;margin:5px;color:black;border-bottom: 6px solid #FF3336   ;font-size:25px;  border: solid 3px#3357FF ;border-style:groove;border-radius:2px}


.live_update_head {
    font-family: myfont1;
    color: black;
         background: linear-gradient(to right,green, orange, red);

    /*background-color: #00aa3c;*/
    font-size: 20px;
    margin: 5;
    font-weight: 800;
    text-align: center;
    padding: 10px 5;
    border: 5px solid red;
    border-radius: 10px;
     margin-bottom:2px;
    
}


.header {
   align-items: center;
     margin: auto;
     position: relative;
     color: #fff;
     background: #000;
     background-clip: padding-box;
    /* !importanté */
     border: dashed 5px transparent;
    /* !importanté */
     border-radius: 1em;
    background-color: #fff;
    font-size: 10px;
    padding: 10px;
    text-align: center;
    line-height: 1.5;
    font-family: myfont1;
    margin-top: 10px;
    margin-bottom: 10px;


}


.live_update_head1 {
    font-family: myfont1;
    color:black;
         background: linear-gradient(to right,#808086,#808086,#808086);

    /*background-color:red;*/
    font-size: 20px;
    margin: 5;
    font-weight: 300;
    text-align: center;
    padding: 10px 5;
    border: 4px solid black;
    border-radius: 10px;
     margin-bottom:2px;
}

.live_update_head2 {
    font-family: myfont1;
    color: #3C25D8 ;
         background: linear-gradient(to right,#E8E7F0 ,#E8E7F0 , #E8E7F0);

    /*background-color: #00aa3c;*/
    font-size: 20px;
    margin: 5;
    font-weight: 800;
    text-align: center;
    padding: 2px 3;
    border-radius: 1px;
     margin-bottom:0px;
    
}